body,html {
overflow-x: hidden
}
body {
background-color: #fff;
font-family: Roboto,sans-serif;
font-size: 15px;
font-weight: 400;
color: #9b9b9b;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
::selection {
background-color: #37bce4;
color: #fff
}
a {
color: #37bce4;
transition: color .3s ease;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-ms-transition: color .3s ease;
-o-transition: color .3s ease
}
a:hover {
color: #ad3600;
text-decoration: none
}
section {
position: relative;
padding: 100px 0
}
img {
max-width: 100%
}
*,h1,h2,h3,h4,h5,h6,li,ol,p,ul {
margin: 0;
padding: 0
}
*,:active,:focus {
outline: 0
}
ol,ul {
list-style: none
}
button {
border: none
}
.btn.focus,.btn:focus,.form-control,.form-control:focus,button,button:focus {
outline: 0;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
textarea {
resize: none
}
select {
background-color: transparent
}
.col-padding-0>.row {
margin: 0
}
.col-padding-0,.col-padding-0>.row>[class*=col-] {
padding: 0
}
.inner-padding {
padding: 120px 70px
}
.width-auto {
width: auto!important
}
.fz-16 {
font-size: 16px
}
.font-secondary {
font-family: Roboto,sans-serif
}
.lh-1 {
line-height: 1!important
}
.vh-100 {
height: 100vh!important
}
.list-inline>li {
display: inline-block
}
.align-v {
display: flex;
align-items: center
}
.align-v-h {
display: flex;
justify-content: center;
align-items: center
}
.border-top {
border-top: 1px solid #eaeaea!important
}
.border-bottom {
border-bottom: 1px solid #eaeaea!important
}
@media (min-width:992px) {
.col-lg-5th {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
}
.mt-0 {
margin-top: 0!important
}
.mt-5 {
margin-top: 5px!important
}
.mt-10 {
margin-top: 10px!important
}
.mt-20 {
margin-top: 20px!important
}
.mt-30 {
margin-top: 30px!important
}
.mt-40 {
margin-top: 40px!important
}
.mt-50 {
margin-top: 50px!important
}
.mt-60 {
margin-top: 60px!important
}
.mt-70 {
margin-top: 70px!important
}
.mt-80 {
margin-top: 80px!important
}
.mt-90 {
margin-top: 90px!important
}
.mt-100 {
margin-top: 100px!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-5 {
margin-bottom: 5px!important
}
.mb-10 {
margin-bottom: 10px!important
}
.mb-20 {
margin-bottom: 20px!important
}
.mb-25 {
margin-bottom: 25px!important
}
.mb-30 {
margin-bottom: 30px!important
}
.mb-40 {
margin-bottom: 40px!important
}
.mb-45 {
margin-bottom: 45px!important
}
.mb-50 {
margin-bottom: 50px!important
}
.mb-60 {
margin-bottom: 60px!important
}
.mb-70 {
margin-bottom: 70px!important
}
.mb-80 {
margin-bottom: 80px!important
}
.mb-90 {
margin-bottom: 90px!important
}
.mb-100 {
margin-bottom: 100px!important
}
.mt--100 {
margin-top: -100px
}
.mr-0 {
margin-right: 0!important
}
.mr-20 {
margin-right: 20px!important
}
.mr-30 {
margin-right: 30px!important
}
.mr-40 {
margin-right: 40px!important
}
.mr-50 {
margin-right: 50px!important
}
.ml-0 {
margin-left: 0!important
}
.ml-20 {
margin-left: 20px!important
}
.ml-30 {
margin-left: 30px!important
}
.ml-40 {
margin-left: 40px!important
}
.ml-50 {
margin-left: 50px!important
}
.pb-10 {
padding-top: 10px!important
}
.pt-20 {
padding-top: 20px!important
}
.pt-30 {
padding-top: 30px!important
}
.pt-40 {
padding-top: 40px!important
}
.pt-50 {
padding-top: 50px!important
}
.pt-60 {
padding-top: 60px!important
}
.pt-70 {
padding-top: 70px!important
}
.pt-80 {
padding-top: 80px!important
}
.pt-90 {
padding-top: 90px!important
}
.pt-100 {
padding-top: 100px!important
}
.pt-110 {
padding-top: 110px!important
}
.pt-120 {
padding-top: 120px!important
}
.pt-130 {
padding-top: 130px!important
}
.pt-140 {
padding-top: 140px!important
}
.pt-150 {
padding-top: 150px!important
}
.pt-170 {
padding-top: 170px!important
}
.pb-10 {
padding-bottom: 10px!important
}
.pb-20 {
padding-bottom: 20px!important
}
.pb-30 {
padding-bottom: 30px!important
}
.pb-40 {
padding-bottom: 40px!important
}
.pb-50 {
padding-bottom: 50px!important
}
.pb-60 {
padding-bottom: 60px!important
}
.pb-70 {
padding-bottom: 70px!important
}
.pb-80 {
padding-bottom: 80px!important
}
.pb-90 {
padding-bottom: 90px!important
}
.pb-100 {
padding-bottom: 100px!important
}
.pb-110 {
padding-bottom: 110px!important
}
.pb-120 {
padding-bottom: 120px!important
}
.pb-130 {
padding-bottom: 130px!important
}
.pb-140 {
padding-bottom: 140px!important
}
.pb-150 {
padding-bottom: 150px!important
}
.pb-170 {
padding-bottom: 170px!important
}
.pr-0 {
padding-right: 0!important
}
.pr-15 {
padding-right: 15px!important
}
.pr-20 {
padding-right: 20px!important
}
.pr-30 {
padding-right: 30px!important
}
.pr-50 {
padding-right: 50px!important
}
.pr-60 {
padding-right: 60px!important
}
.pr-70 {
padding-right: 70px!important
}
.pr-100 {
padding-right: 100px!important
}
.pl-0 {
padding-left: 0!important
}
.pl-15 {
padding-left: 15px!important
}
.pl-20 {
padding-left: 20px!important
}
.pl-30 {
padding-left: 30px!important
}
.pl-50 {
padding-left: 50px!important
}
.pl-60 {
padding-left: 60px!important
}
.pl-70 {
padding-left: 70px!important
}
.pl-100 {
padding-left: 100px!important
}
@media only screen and (min-width:320px) and (max-width:767px) {
section {
padding: 50px 0
}
.inner-padding {
padding: 50px 30px!important
}
.text-center-xs-sm {
text-align: center!important
}
.mt-30 {
margin-top: 36.3636363636px!important
}
.mt-40 {
margin-top: 30.7692307692px!important
}
.mt-50 {
margin-top: 33.3333333333px!important
}
.mt-60 {
margin-top: 33.3333333333px!important
}
.mt-70 {
margin-top: 35px!important
}
.mt-80 {
margin-top: 40px!important
}
.mt-90 {
margin-top: 45px!important
}
.mt-100 {
margin-top: 50px!important
}
.mb-30 {
margin-bottom: 27.2727272727px!important
}
.mb-40 {
margin-bottom: 30.7692307692px!important
}
.mb-50 {
margin-bottom: 33.3333333333px!important
}
.mb-60 {
margin-bottom: 33.3333333333px!important
}
.mb-70 {
margin-bottom: 35px!important
}
.mb-80 {
margin-bottom: 40px!important
}
.mb-90 {
margin-bottom: 45px!important
}
.mb-100 {
margin-bottom: 50px!important
}
.mr-30 {
margin-right: 27.2727272727px!important
}
.mr-40 {
margin-right: 30.7692307692px!important
}
.mr-50 {
margin-right: 33.3333333333px!important
}
.ml-30 {
margin-left: 27.2727272727px!important
}
.ml-40 {
margin-left: 30.7692307692px!important
}
.ml-50 {
margin-left: 33.3333333333px!important
}
.pt-30 {
padding-top: 27.2727272727px!important
}
.pt-40 {
padding-top: 30.7692307692px!important
}
.pt-50 {
padding-top: 33.3333333333px!important
}
.pt-60 {
padding-top: 33.3333333333px!important
}
.pt-70 {
padding-top: 35px!important
}
.pt-80 {
padding-top: 40px!important
}
.pt-90 {
padding-top: 45px!important
}
.pt-100 {
padding-top: 50px!important
}
.pt-110 {
padding-top: 55px!important
}
.pt-120 {
padding-top: 60px!important
}
.pt-130 {
padding-top: 66.6666666667px!important
}
.pt-140 {
padding-top: 63.6363636364px!important
}
.pt-150 {
padding-top: 65.2173913043px!important
}
.pt-160 {
padding-top: 66.6666666667px!important
}
.pt-170 {
padding-top: 68px!important
}
.pb-30 {
padding-bottom: 27.2727272727px!important
}
.pb-40 {
padding-bottom: 30.7692307692px!important
}
.pb-50 {
padding-bottom: 33.3333333333px!important
}
.pb-60 {
padding-bottom: 33.3333333333px!important
}
.pb-70 {
padding-bottom: 35px!important
}
.pb-80 {
padding-bottom: 40px!important
}
.pb-90 {
padding-bottom: 45px!important
}
.pb-100 {
padding-bottom: 50px!important
}
.pb-110 {
padding-bottom: 55px!important
}
.pb-120 {
padding-bottom: 60px!important
}
.pb-130 {
padding-bottom: 61.9047619048px!important
}
.pb-140 {
padding-bottom: 63.6363636364px!important
}
.pb-150 {
padding-bottom: 65.2173913043px!important
}
.pb-160 {
padding-bottom: 66.6666666667px!important
}
.pb-170 {
padding-bottom: 68px!important
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
section {
padding: 75px 0
}
.inner-padding {
padding: 100px 50px!important
}
.mt-30 {
margin-top: 36.3636363636px!important
}
.mt-40 {
margin-top: 30.7692307692px!important
}
.mt-50 {
margin-top: 35.7142857143px!important
}
.mt-60 {
margin-top: 42.8571428571px!important
}
.mt-70 {
margin-top: 50px!important
}
.mt-80 {
margin-top: 57.1428571429px!important
}
.mt-90 {
margin-top: 64.2857142857px!important
}
.mt-100 {
margin-top: 71.4285714286px!important
}
.mb-30 {
margin-bottom: 27.2727272727px!important
}
.mb-40 {
margin-bottom: 33.3333333333px!important
}
.mb-50 {
margin-bottom: 35.7142857143px!important
}
.mb-60 {
margin-bottom: 42.8571428571px!important
}
.mb-70 {
margin-bottom: 50px!important
}
.mb-80 {
margin-bottom: 57.1428571429px!important
}
.mb-90 {
margin-bottom: 64.2857142857px!important
}
.mb-100 {
margin-bottom: 71.4285714286px!important
}
.mr-30 {
margin-right: 27.2727272727px!important
}
.mr-40 {
margin-right: 33.3333333333px!important
}
.mr-50 {
margin-right: 35.7142857143px!important
}
.ml-30 {
margin-left: 27.2727272727px!important
}
.ml-40 {
margin-left: 33.3333333333px!important
}
.ml-50 {
margin-left: 35.7142857143px!important
}
.pt-30 {
padding-top: 27.2727272727px!important
}
.pt-40 {
padding-top: 33.3333333333px!important
}
.pt-50 {
padding-top: 35.7142857143px!important
}
.pt-60 {
padding-top: 42.8571428571px!important
}
.pt-70 {
padding-top: 50px!important
}
.pt-80 {
padding-top: 57.1428571429px!important
}
.pt-90 {
padding-top: 64.2857142857px!important
}
.pt-100 {
padding-top: 71.4285714286px!important
}
.pt-110 {
padding-top: 78.5714285714px!important
}
.pt-120 {
padding-top: 85.7142857143px!important
}
.pt-130 {
padding-top: 93.3333333333px!important
}
.pt-140 {
padding-top: 87.5px!important
}
.pt-150 {
padding-top: 88.2352941176px!important
}
.pt-160 {
padding-top: 88.8888888889px!important
}
.pt-170 {
padding-top: 89.4736842105px!important
}
.pb-30 {
padding-bottom: 27.2727272727px!important
}
.pb-40 {
padding-bottom: 33.3333333333px!important
}
.pb-50 {
padding-bottom: 35.7142857143px!important
}
.pb-60 {
padding-bottom: 42.8571428571px!important
}
.pb-70 {
padding-bottom: 50px!important
}
.pb-80 {
padding-bottom: 57.1428571429px!important
}
.pb-90 {
padding-bottom: 64.2857142857px!important
}
.pb-100 {
padding-bottom: 71.4285714286px!important
}
.pb-110 {
padding-bottom: 78.5714285714px!important
}
.pb-120 {
padding-bottom: 85.7142857143px!important
}
.pb-130 {
padding-bottom: 86.6666666667px!important
}
.pb-140 {
padding-bottom: 87.5px!important
}
.pb-150 {
padding-bottom: 88.2352941176px!important
}
.pb-160 {
padding-bottom: 88.8888888889px!important
}
.pb-170 {
padding-bottom: 89.4736842105px!important
}
}
.color-white {
color: #fff!important
}
.color-gray {
color: #f9f9f9!important
}
.color-dark {
color: #282828!important
}
.color-theme {
color: #37bce4!important
}
.color-heading {
color: #222!important
}
.color-body {
color: #9b9b9b!important
}
.bg-white {
background-color: #fff!important
}
.bg-gray {
background-color: #f9f9f9!important
}
.bg-dark {
background-color: #282828!important
}
.bg-heading {
background-color: #222!important
}
.bg-theme {
background-color: #37bce4!important
}
.bg-img {
position: relative;
z-index: 1
}
.bg-parallax {
background-attachment: fixed
}
.bg-overlay:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: rgba(27,26,26,.15)
}
.bg-overlay-2:before {
background-color: rgba(27,26,26,.25)
}
.bg-overlay-3:before {
background-color: rgba(27,26,26,.75)
}
h1,h2,h3,h4,h5,h6 {
color: #222;
font-family: "Work Sans",sans-serif;
text-transform: capitalize;
font-weight: 700;
line-height: 1.1;
margin-bottom: 23px
}
p {
font-size: 15px;
line-height: 25px;
font-weight: 400;
margin-bottom: 15px
}
h1 {
font-size: 52px
}
h2 {
font-size: 42px
}
h3 {
font-size: 38px
}
h4 {
font-size: 32px
}
h5 {
font-size: 24px
}
h6 {
font-size: 18px
}
.heading__subtitle {
font-size: 14px;
line-height: 1;
font-weight: 700;
color: #37bce4;
display: inline-block;
margin-bottom: 12px
}
.heading__title {
font-size: 33px;
line-height: 42px;
margin-bottom: 20px;
text-transform: uppercase
}
.heading__desc {
font-size: 16px;
line-height: 25px;
margin-bottom: 0
}
.divider__line+.heading__desc {
margin-top: 18px
}
.heading .divider__line:after {
width: 40px
}
.heading-2 .heading__title {
font-size: 40px;
line-height: 54px;
text-transform:uppercase;letter-spacing: 2px
}
.heading-2 .heading__desc {
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: #393939
}
.heading-3 .heading__subtitle {
font-size: 17px;
margin-bottom: 19px
}
.heading-3 .heading__title {
font-size: 24px;
line-height: 35px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.heading__title {
font-size: 30px;
line-height: 40px
}
.heading-2 .heading__title {
font-size: 35px;
line-height: 44px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.heading__title {
font-size: 25px;
line-height: 35px;
margin-bottom: 10px
}
.heading-2 .heading__title {
font-size: 28px;
line-height: 38px;
margin-bottom: 10px
}
.heading-2 .heading__desc {
font-size: 16px;
font-weight: 400;
line-height: 26px
}
}
@media only screen and (max-width:450px) {
.heading-2 .heading__title {
font-size: 25px;
line-height: 35px
}
.heading-2 .heading__desc {
font-size: 15px;
font-weight: 400;
line-height: 24px
}
}
.header-transparent+.page-title {
margin-top: -135px
}
.pagetitle__subheading {
font-family: Roboto,sans-serif;
font-size: 17px;
line-height: 1;
color: #f9f9f9;
display: block;
margin-bottom: 24px
}
.pagetitle__heading {
font-size: 60px;
color: #fff;
margin-bottom: 0;
text-transform: uppercase
}
.pagetitle__desc {
font-size: 18px;
font-weight: 600;
line-height: 27px;
color: #fff;
margin-bottom: 0
}
.pagetitle__desc1 {
font-size: 14px;
font-weight: 300;
line-height: 20px;
color: #fff;
margin:15px 0
}
.page-title {
padding: 300px 0 86px
}
.page-title .breadcrumb {
margin-bottom: 12px
}
.page-title .breadcrumb-item a,.page-title .breadcrumb-item+.breadcrumb-item::before {
color: #fff;text-transform: uppercase
}
.page-title .breadcrumb-item a:hover {
color: #37bce4
}
.page-title .breadcrumb-item.active {
color: #f4f4f4;text-transform: uppercase
}
@media only screen and (min-width:768px) and (max-width:991px) {
.page-title {
padding: 200px 0 60px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.page-title {
padding: 100px 0 50px
}
.pagetitle__desc {
font-size: 15px;
font-weight: 400;
line-height: 25px
}
.pagetitle__heading {
font-size: 32px
}
.page-title .breadcrumb {
margin-top: 20px
}
}
.btn {
text-transform: capitalize;
position: relative;
font-size: 14px;
font-weight: 700;
width: 170px;
height: 50px;
line-height: 48px;
border-radius: 0;
text-align: center;
padding: 0;
letter-spacing: 1px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.btn.active,.btn:active,.btn:focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.btn__block {
width: 100%
}
.btn__primary {
background-color: #37bce4;
color: #fff;
border: 2px solid #37bce4
}
.btn__primary:active,.btn__primary:focus,.btn__primary:hover {
background-color: transparent;
color: #37bce4
}
.btn__primary.btn__hover2:active,.btn__primary.btn__hover2:focus,.btn__primary.btn__hover2:hover {
background-color: #fff;
color: #37bce4;
border-color: #fff
}
.btn__primary.btn__hover3:active,.btn__primary.btn__hover3:focus,.btn__primary.btn__hover3:hover {
background-color: #222;
color: #fff;
border-color: #222
}
.btn__secondary {
background-color: #282828;
color: #fff;
border: 2px solid #282828
}
.btn__secondary:active,.btn__secondary:focus,.btn__secondary:hover {
background-color: #37bce4;
color: #fff;
border-color: #37bce4
}
.btn__secondary.btn__hover2:active,.btn__secondary.btn__hover2:focus,.btn__secondary.btn__hover2:hover {
background-color: #fff;
color: #282828;
border-color: #fff
}
.btn__white {
background-color: #fff;
color: #222;
border: 2px solid #fff
}
.btn__white:active,.btn__white:focus,.btn__white:hover {
background-color: #37bce4;
color: #fff;
border-color: #37bce4
}
.btn__white.btn__hover2:active,.btn__white.btn__hover2:focus,.btn__white.btn__hover2:hover {
background-color: #222;
color: #fff;
border-color: #222
}
.btn__rounded {
border-radius: 50px
}
.btn__link {
background-color: transparent;
border-color: transparent;
width: auto;
height: auto;
line-height: 1;
border: none
}
.btn__link.btn__primary {
color: #37bce4
}
.btn__link.btn__primary:active,.btn__link.btn__primary:focus,.btn__link.btn__primary:hover {
color: #282828;
background-color: transparent;
border-color: transparent
}
.btn__link.btn__secondary {
color: #282828
}
.btn__link.btn__secondary:active,.btn__link.btn__secondary:focus,.btn__link.btn__secondary:hover {
color: #37bce4;
background-color: transparent;
border-color: transparent
}
.btn__link.btn__white {
color: #fff
}
.btn__link.btn__white:active,.btn__link.btn__white:focus,.btn__link.btn__white:hover {
color: #fff;
background-color: transparent;
border-color: transparent
}
.btn__bordered {
background-color: transparent
}
.btn__bordered.btn__primary {
color: #37bce4;
border-color: #37bce4
}
.btn__bordered.btn__primary:active,.btn__bordered.btn__primary:focus,.btn__bordered.btn__primary:hover {
color: #fff;
background-color: #37bce4;
border-color: #37bce4
}
.btn__bordered.btn__secondary {
color: #282828;
border-color: #282828
}
.btn__bordered.btn__secondary:active,.btn__bordered.btn__secondary:focus,.btn__bordered.btn__secondary:hover {
color: #fff;
background-color: #282828;
border-color: #282828
}
.btn__bordered.btn__white {
color: #fff;
border-color: #fff
}
.btn__bordered.btn__white:active,.btn__bordered.btn__white:focus,.btn__bordered.btn__white:hover {
color: #37bce4;
background-color: #fff;
border-color: #fff
}
.btn__white.btn__secondary {
color: #282828;
border-color: #fff;
background-color: #fff
}
.btn__white.btn__secondary:active,.btn__white.btn__secondary:focus,.btn__white.btn__secondary:hover {
color: #fff;
background-color: #37bce4;
border-color: #37bce4
}
.btn__video.popup-video {
padding-left: 50px;
color: #fff
}
.btn__video.popup-video .video__player {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
line-height: 50px
}
.btn__video.popup-video .video__player img {
width: auto;
display: inline-block;
text-align: center
}
.btn__video.popup-video .video__player-animation:before {
left: -26px;
top: -21px;
width: 66px;
height: 66px
}
.btn__lg {
width: 220px
}
.btn__underlined {
padding-bottom: 5px
}
.btn__underlined:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #37bce4;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.btn__white.btn__underlined:after {
background-color: #fff
}
.btn__white.btn__underlined:hover {
color: #222
}
.btn__white.btn__underlined:hover:after {
background-color: #222
}
label {
font-size: 14px;
font-weight: 700;
line-height: 1;
margin-bottom: 15px;
color: #222
}
.form-group {
position: relative;
margin-bottom: 30px
}
.form-control {
height: 50px;
line-height: 50px;
border: none;
border: 1px solid #eaeaea;
border-radius: 1px;
padding: 0 0 0 20px;
font-size: 14px
}
.form-control:focus {
border-color: #37bce4
}
textarea.form-control {
height: 122px;
padding-top: 10px;
line-height: 25px
}
.form-control::-webkit-input-placeholder {
color: #9b9b9b
}
.form-control:-moz-placeholder {
color: #9b9b9b
}
.form-control::-moz-placeholder {
color: #9b9b9b
}
.form-control:-ms-input-placeholder {
color: #9b9b9b
}
.form__title {
font-size: 18px;
line-height: 1;
margin-bottom: 20px
}
.form-group-select:after {
content: "";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%)
}
.form-group-select select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
color: #9b9b9b;
cursor: pointer
}
.label-radio {
display: block;
position: relative;
padding-left: 26px;
margin-bottom: 0;
cursor: pointer;
font-size: 13px;
font-weight: 400;
color: #9b9b9b
}
.label-radio input {
position: absolute;
z-index: -1;
opacity: 0
}
.radio-indicator {
position: absolute;
top: -1px;
left: 0;
height: 17px;
width: 17px;
background: 0 0;
border: 2px solid #eaeaea;
border-radius: 50%
}
.label-radio input:checked~.radio-indicator {
background: 0 0
}
.label-radio input:checked:focus~.radio-indicator,.label-radio:hover input:not([disabled]):checked~.radio-indicator {
background: 0 0
}
.radio-indicator:after {
content: "";
position: absolute;
display: none;
left: 3px;
top: 3px;
height: 7px;
width: 7px;
border-radius: 50%;
background: #37bce4
}
.label-radio input:checked~.radio-indicator:after {
display: block
}
.nav-tabs {
border-bottom: none;
}
.nav-tabs .nav__link {
display: block;
position: relative;
padding: 0 0 6px;
margin: 0 30px 20px 0;
text-transform: capitalize;
font-size: 18px;
font-weight: 600;
line-height: 1;
color: #222;
}
.nav-tabs .nav__link:last-of-type {
margin-right: 0
}
.nav-tabs .nav__link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #37bce4;
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
-ms-transition: all .7s linear;
-o-transition: all .7s linear;
transition: all .7s linear
}
.nav-tabs .nav__link.active,.nav-tabs .nav__link:hover {
color: #37bce4
}
.nav-tabs .nav__link.active:after,.nav-tabs .nav__link:hover:after {
width: 100%
}
.nav-tabs-white .nav__link {
color: #fff
}
.nav-tabs-white .nav__link.active,.nav-tabs-white .nav__link:hover {
color: #fff
}
.nav-tabs-white .nav__link:after {
background-color: #fff
}
@media only screen and (min-width:320px) and (max-width:767px) {
.nav-tabs .nav__link {
margin: 0 15px 10px 0
}
}
.social__icons {
display: flex;
flex-wrap: wrap;
align-items: center
}
.social__icons a {
margin-right: 20px;
color: #222
}
.social__icons a:hover {
color: #37bce4
}
.social__icons a:last-of-type {
margin-right: 0
}
.breadcrumb {
background-color: transparent;
padding: 0
}
.breadcrumb-item {
line-height: 1
}
.breadcrumb-item+.breadcrumb-item::before {
font-family: FontAwesome;
content: ""
}
.pagination ul{}
.pagination li {
margin-right: 10px;
}
.pagination li:last-child {
margin-right: 0
}
.pagination li a {
font-size: 20px;
font-weight: 700;
display: block;
width: 50px;
height: 50px;
line-height: 48px;
background-color: transparent;
color: #9b9b9b;
text-align: center;
border: 1px solid #eaeaea;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.pagination li a i {
font-weight: 700
}
.pagination li a.current,.pagination li a:hover {
background-color: #222;
border-color: #222;
color: #fff
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pagination li a {
font-size: 18px;
width: 40px;
height: 40px;
line-height: 38px
}
}
.contact__list li {
font-size: 13px;
line-height: 21px
}
.contact__list li i {
font-size: 16px;
margin-right: 9px;
color: #37bce4
}
.contact__list li a{color:#878787;}
.contact__list li a:hover{color:#37bce4;}
.alert {
background-color: #ffe7dc;
border: 1px solid #37bce4;
padding: 24px 20px;
border-radius: 0;
color: #37bce4
}
.header {
position: relative;
z-index: 1010
}
.navbar {
padding: 0;
height: 135px;
max-height: 135px;
background-color: #fff;
border-bottom: 1px solid #ededed
}
.navbar>.container,.navbar>.container-fluid {
position: relative;
height: 135px
}
.navbar .navbar-brand {
padding: 0;
margin: 0;
line-height: 135px
}
.navbar .logo-light {
display: none
}
.navbar .navbar-toggler {
padding: 0;
border: none;
border-radius: 0;
width: 23px;
position: relative
}
.navbar .navbar-toggler .menu-lines {
display: inline-block
}
.navbar .navbar-toggler .menu-lines:after,.navbar .navbar-toggler .menu-lines:before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 23px;
height: 2px;
display: inline-block;
background-color: #333;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease
}
.navbar .navbar-toggler .menu-lines:after {
top: 10px
}
.navbar .navbar-toggler .menu-lines span {
position: absolute;
top: 0;
left: 0;
width: 23px;
height: 2px;
background-color: #333
}
.navbar .navbar-toggler.actived .menu-lines>span {
opacity: 0
}
.navbar .navbar-toggler.actived .menu-lines:before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.navbar .navbar-toggler.actived .menu-lines:after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.navbar .navbar-nav {
margin-top: 70px
}
.navbar .nav__item {
position: relative;
margin-right: 40px;
}
.navbar .nav__item:last-child {
margin-right: 0
}
.navbar .nav__item .nav__item-link {
font-size: 16px;
font-weight: 100;
text-transform: capitalize;
display: block;
position: relative;
color: #333;
line-height: 65px;
letter-spacing: .5px
}
.navbar .nav__item .nav__item-link:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
display: block;
background-color: #333;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease
}
.navbar .nav__item .nav__item-link.active:before,.navbar .nav__item .nav__item-link:hover:before {
width: 100%
}
.navbar .dropdown-toggle:after {
content: "";
font-family: fontAwesome;
border: none;
vertical-align: middle;
margin-left: 0;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.navbar .dropdown-menu {
border-radius: 0;
border: none;
margin: 0;
background-color: #fff
}
.navbar .dropdown-menu .nav__item {
padding: 0 40px;
margin-right: 0
}
.navbar .dropdown-menu .nav__item .nav__item-link {
color: #9b9b9b;
text-transform: capitalize;
font-weight: 400;
line-height: 40px!important;
white-space: nowrap;
position: relative;
border-bottom: 1px solid #eaeaea
}
.navbar .dropdown-menu .nav__item .nav__item-link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #37bce4;
-webkit-transition: all .8s linear;
-moz-transition: all .8s linear;
-ms-transition: all .8s linear;
-o-transition: all .8s linear;
transition: all .8s linear
}
.navbar .dropdown-menu .nav__item .nav__item-link:hover {
color: #37bce4
}
.navbar .dropdown-menu .nav__item .nav__item-link:hover:after {
width: 100%
}
.navbar .dropdown-menu .nav__item:last-child>.nav__item-link {
border-bottom: none
}
.navbar .dropdown-menu .nav__item:last-child>.nav__item-link:after {
display: none
}
.navbar .dropdown-menu .dropdown-toggle:after {
right: 0
}
.header__top-right {
position: absolute;
top: 30px;
right: 190px;
margin-bottom: 20px
}
.header__top-right ul li {
margin-left: 20px;
font-size: 14px;
font-weight: 700;
color: #fff
}
.header__top-right ul li i {
font-size: 16px;
margin-right: 7px
}
.header__top-right ul li .btn {
font-size: 14px;
width: 155px;
height: 40px;
line-height: 35px;
letter-spacing: 0
}
.header__top-right .dropdown-toggle {
display: flex;
align-items: center;
padding-right: 25px;
color: #fff
}
.header__top-right .dropdown-toggle:after {
content: ""
}
.header__top-right .dropdown-toggle i {
font-size: 20px
}
.header__top-right .dropdown-menu {
min-width: 100px!important;
padding: 0!important
}
.header__top-right .dropdown-menu .dropdown-item {
color: #9b9b9b
}
.header__top-right .dropdown-menu .dropdown-item:focus,.header__top-right .dropdown-menu .dropdown-item:hover {
background-color: transparent;
color: #37bce4
}
.header__top-right .dropdown-menu .dropdown-item.active,.header__top-right .dropdown-menu .dropdown-item:active {
background-color: transparent
}
.header__topbar {
background-color: #282828;
max-height: 45px
}
.header__topbar .contact__list {
display: flex;
flex-wrap: wrap
}
.header__topbar .contact__list li {
line-height: 45px;
margin-right: 20px
}
.header__topbar .contact__list li a:hover {
color: #fff
}
.header__topbar .contact__list li i {
color: #9b9b9b;
margin-right: 8px
}
.header__topbar .contact__list li:last-child {
margin-right: 0
}
.header__topbar .social__icons a {
color: #fff;
line-height: 45px;
margin-right: 20px
}
.header__topbar .social__icons a:last-child {
margin-right: 0
}
.header__topbar .social__icons a:hover {
color: #37bce4
}
.header__topbar .social__icons span {
margin-right: 20px
}
@media only screen and (min-width:320px) and (max-width:767px) {
.header__topbar {
display: none
}
}
.header-transparent .navbar {
border-bottom: 1px solid rgba(255,255,255,.15);
background-color: transparent
}
.header-transparent .navbar .navbar-toggler .menu-lines span,.header-transparent .navbar .navbar-toggler .menu-lines:after,.header-transparent .navbar .navbar-toggler .menu-lines:before {
background-color: #fff
}
.header-transparent .navbar .nav__item .nav__item-link:before {
background-color: #fff
}
.header-transparent .logo-light {
display: inline-block
}
.header-transparent .logo-dark {
display: none
}
.header-transparent .module__btn,.header-transparent .nav__item .nav__item-link {
color: #fff
}
.header-transparent .module__btn-contact {
border-color: #fff;
color: #fff
}
.header-transparent .module__btn-contact:hover {
background-color: #fff;
border-color: #fff;
color: #222
}
.header-transparent .navbar.fixed-navbar .nav__item .nav__item-link:before {
background-color: #333
}
.header-white .header__top-right .dropdown-toggle,.header-white .header__top-right ul li {
color: #9b9b9b
}
.header-full .module__btn,.header-full .navbar .navbar-nav {
margin-top: 0
}
.header-full .navbar,.header-full .navbar .nav__item .nav__item-link {
line-height: 100px
}
.header-full .navbar,.header-full .navbar>.container,.header-full .navbar>.container-fluid {
height: 100px
}
.fixed-navbar {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
z-index: 1040;
border-bottom: 0!important;
height: 90px;
max-height: 90px;
background-color: #fff!important;
box-shadow: 0 3px 4px rgba(0,0,0,.07);
-webkit-animation: translateHeader .8s;
-moz-animation: translateHeader .8s;
-ms-animation: translateHeader .8s;
-o-animation: translateHeader .8s;
animation: translateHeader .8s
}
.fixed-navbar>.container,.fixed-navbar>.container-fluid {
position: relative;
height: 90px
}
.fixed-navbar .navbar-brand {
line-height: 90px
}
.fixed-navbar .header__top-right {
display: none!important
}
.fixed-navbar .nav__item .nav__item-link {
color: #333;
line-height: 90px
}
.fixed-navbar .logo-light {
display: none
}
.fixed-navbar .logo-dark {
display: inline-block
}
.fixed-navbar .navbar-nav {
margin-top: 0
}
.fixed-navbar .module__btn {
margin-top: 0;
color: #333
}
.header-full .navbar.fixed-navbar,.header-full .navbar.fixed-navbar .nav__item .nav__item-link {
line-height: 90px
}
.module__btn {
margin-top: 70px;
position: relative;
margin-left: 30px;
color: #333;
font-size: 16px
}
.module__btn:hover {
color: #37bce4
}
.module__search-container {
position: fixed;
z-index: 2300;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #fff;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.module__search-container .close-search {
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
color: #777;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.module__search-container .close-search:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
z-index: -1;
opacity: 0;
background-color: #37bce4;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.module__search-container .close-search:hover {
color: #fff
}
.module__search-container .close-search:hover:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.module__search-container .module__search-form {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
max-width: 550px;
margin: -40px auto 0;
transition-delay: .5s;
-webkit-transform: translateY(-50%) scaleX(0);
-moz-transform: translateY(-50%) scaleX(0);
-ms-transform: translateY(-50%) scaleX(0);
-o-transform: translateY(-50%) scaleX(0);
transform: translateY(-50%) scaleX(0);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.module__search-container .module__search-btn {
position: absolute;
top: 0;
right: 0;
line-height: 80px;
text-align: center;
font-size: 28px;
cursor: pointer;
transition: .3s ease;
color: #777
}
.module__search-container .module__search-btn:hover {
color: #37bce4
}
.module__search-container .search__input {
z-index: 1;
height: 80px;
padding: 0 40px 0 0;
background: 0 0;
border: none;
width: 100%;
color: #777;
font-size: 45px;
font-weight: 700;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.module__search-container .search__input::-webkit-input-placeholder {
color: #777
}
.module__search-container .search__input:-moz-placeholder {
color: #777
}
.module__search-container .search__input::-moz-placeholder {
color: #777
}
.module__search-container .search__input:-ms-input-placeholder {
color: #777
}
.module__search-container .search__input::placeholder {
color: #777
}
.module__search-container.active {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.module__search-container.inActive {
opacity: 0;
transition-delay: .5s;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.module__search-container.active .module__search-form {
-webkit-transform: translateY(-50%) scaleX(1);
-moz-transform: translateY(-50%) scaleX(1);
-ms-transform: translateY(-50%) scaleX(1);
-o-transform: translateY(-50%) scaleX(1);
transform: translateY(-50%) scaleX(1)
}
.module__search-container.inActive .module__search-form {
transition-delay: 0s;
-webkit-transform: translateY(-50%) scaleX(0);
-moz-transform: translateY(-50%) scaleX(0);
-ms-transform: translateY(-50%) scaleX(0);
-o-transform: translateY(-50%) scaleX(0);
transform: translateY(-50%) scaleX(0)
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.navbar .nav__item {
margin-right: 20px
}
}
@media only screen and (max-width:991px) {
.navbar .navbar-toggler {
position: absolute;
right: 15px;
height: 13px
}
.navbar .collapse:not(.show) {
display: block
}
.navbar .navbar-nav {
margin: 0!important
}
.navbar .nav__item {
margin-right: 0
}
.navbar .nav__item .nav__item-link {
color: #282828;
line-height: 35px!important;
padding-left: 15px
}
.navbar .nav__item .nav__item-link:hover {
color: #37bce4
}
.navbar .nav__item .nav__item-link:before {
display: none
}
.navbar .navbar-collapse {
background-color: #fff;
box-shadow: 0 3px 4px rgba(0,0,0,.07);
z-index: 50;
padding: 15px 0;
position: absolute;
left: 0;
width: 100%;
top: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
.navbar .navbar-collapse .navbar-modules {
padding: 0 15px
}
.navbar .menu-opened.navbar-collapse {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.navbar i[data-toggle=dropdown] {
position: absolute;
top: 7px;
right: 15px;
width: 50%;
text-align: right;
z-index: 2
}
.navbar .dropdown-toggle:after {
display: none
}
.navbar .nav__item.opened>i[data-toggle=dropdown]:before,.navbar .nav__item.show>i[data-toggle=dropdown]:before {
content: ""
}
.navbar .dropdown-menu {
background-color: #fff
}
.navbar .dropdown-menu .nav__item {
padding: 0 15px 0 30px
}
.navbar .dropdown-menu .nav__item .nav__item-link {
padding-left: 0;
border-bottom: none
}
.navbar .dropdown-menu .dropdown-menu-col .nav__item {
padding: 0
}
.navbar .dropdown-menu-col h6 {
font-size: 13px;
margin: 10px 0 5px
}
.navbar .nav__item.dropdown-submenu>.dropdown-menu.show {
padding-left: 10px
}
.navbar .dropdown-submenu .dropdown-menu .nav__item {
padding: 0 0 0 15px
}
.navbar .navbar-nav .dropdown-menu.show {
padding: 0
}
.navbar .mega-dropdown-menu .container {
max-width: none
}
.navbar .mega-dropdown-menu>.nav__item {
padding: 0 10px
}
.navbar .mega-dropdown-menu .nav__item {
padding: 0
}
.fixed-navbar {
position: static;
animation: none
}
.header-transparent+.page-title {
margin-top: 0
}
.header-full .navbar {
line-height: 80px
}
.header .navbar,.header-transparent .navbar {
background-color: #fff
}
.header .logo-dark,.header-transparent .logo-dark {
display: inline-block
}
.header .logo-light,.header-transparent .logo-light {
display: none
}
.header .module__btn,.header-transparent .module__btn {
color: #333;
margin: 0 60px 0 0
}
.header .navbar .navbar-toggler .menu-lines span,.header .navbar .navbar-toggler .menu-lines:after,.header .navbar .navbar-toggler .menu-lines:before,.header-transparent .navbar .navbar-toggler .menu-lines span,.header-transparent .navbar .navbar-toggler .menu-lines:after,.header-transparent .navbar .navbar-toggler .menu-lines:before {
background-color: #333
}
.header .navbar-expand-lg>.container,.header .navbar-expand-lg>.container-fluid,.header-transparent .navbar-expand-lg>.container,.header-transparent .navbar-expand-lg>.container-fluid {
width: 100%;
max-width: none
}
.header .navbar,.header .navbar>.container,.header .navbar>.container-fluid,.header-transparent .navbar,.header-transparent .navbar>.container,.header-transparent .navbar>.container-fluid {
height: 80px
}
.header .header-full .navbar,.header .header-full .navbar .navbar-brand,.header .navbar-brand,.header-transparent .header-full .navbar,.header-transparent .header-full .navbar .navbar-brand,.header-transparent .navbar-brand {
margin-left: 15px;
line-height: 80px!important
}
.header .header-full .navbar,.header .header-full .navbar .navbar-brand,.header-transparent .header-full .navbar,.header-transparent .header-full .navbar .navbar-brand {
line-height: 80px
}
.header__topbar>.container {
max-width: none
}
}
@media only screen and (min-width:992px) {
.navbar .dropdown-menu {
width: auto;
min-width: 235px;
box-shadow: 0 2px 6px 0 rgba(40,40,40,.1);
padding: 25px 0 23px
}
.navbar .dropdown-menu .nav__item .nav__item-link:before {
display: none
}
.navbar .dropdown-menu.wide-dropdown-menu {
min-width: 750px;
margin-left: -300px;
padding: 0;
overflow: hidden
}
.navbar .dropdown-menu.wide-dropdown-menu>.nav__item {
padding: 0
}
.navbar .dropdown-menu.wide-dropdown-menu h6 {
font-size: 15px;
margin: 0 0 13px 40px
}
.navbar .dropdown-menu.wide-dropdown-menu a{color: #333333}
.navbar .dropdown-menu.wide-dropdown-menu a:hover{color: #37bce4}
.navbar .dropdown-menu.wide-dropdown-menu .dropdown-menu-col {
padding: 30px 0 27px
}
.navbar .dropdown-menu.wide-dropdown-menu .dropdown-menu-col:first-child {
box-shadow: 0 5px 83px 0 rgba(40,40,40,.08)
}
.navbar .nav__item.dropdown-submenu>.mega-menu,.navbar .nav__item.with-dropdown>.dropdown-menu,.navbar .nav__item.with-dropdown>.dropdown-menu>.nav__item.dropdown-submenu>.dropdown-menu,.navbar .nav__item.with-dropdown>.mega-menu {
display: block;
position: absolute;
left: 0;
right: auto;
z-index: 1050;
opacity: 0;
visibility: hidden;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
.navbar .nav__item.dropdown-submenu>.dropdown-menu>.nav__item.with-dropdown>.dropdown-menu,.navbar .nav__item.with-dropdown>.dropdown-menu>.nav__item.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%
}
.navbar .nav__item.dropdown-submenu:hover>.mega-menu,.navbar .nav__item.with-dropdown:hover>.dropdown-menu,.navbar .nav__item.with-dropdown:hover>.mega-menu,.navbar .nav__item.with-dropdown>.dropdown-menu>.nav__item.dropdown-submenu:hover>.dropdown-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.navbar .nav__item.with-dropdown.mega-dropdown {
position: static
}
.navbar .nav__item.with-dropdown .mega-dropdown-menu {
width: 100%
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item {
padding: 0
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link {
overflow: hidden;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:after {
font-family: FontAwesome;
content: "";
position: absolute;
top: auto;
left: -7px;
font-size: 7px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
opacity: 0;
color: #37bce4
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:hover {
padding-left: 15px
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:hover:after {
opacity: 1;
left: 4px
}
.navbar-nav>.nav__item>.dropdown-toggle:after {
display: none
}
.nav__item i[data-toggle=dropdown] {
display: none
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.dropdown-menu.mega-dropdown-menu>.nav__item {
padding: 0 15px
}
.dropdown-menu.mega-dropdown-menu .nav__item:last-child>.nav__item-link {
border-bottom: 1px solid #f2f2f2
}
.dropdown-menu.mega-dropdown-menu [class^=col-]:last-child .nav__item:last-child>.nav__item-link {
border-bottom: none
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.module__search-container .module__search-form {
max-width: 90%
}
.module__search-container .search__input {
font-size: 20px;
font-weight: 600
}
}
@-webkit-keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes translateHeader {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.accordion-item {
border: 1px solid #ededed;
background-color: #fff;
padding: 25px 30px;
margin-top: -1px
}
.accordion-item:first-child {
margin-top: 0
}
.accordion-item .accordion__item-title {
font-family: "Work Sans",sans-serif;
color: #282828;
font-weight: 600;
font-size: 16px;
cursor: pointer;
display: block;
position: relative;
padding-right: 25px
}
.accordion-item .accordion__item-title:after {
position: absolute;
right: 0;
top: 0;
content: "";
font-family: fontawesome;
background-color: transparent;
color: #222;
font-size: 10px;
font-weight: 400;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px
}
.accordion-item .accordion__item-header.opened .accordion__item-title {
color: #37bce4
}
.accordion-item .accordion__item-header.opened .accordion__item-title:after {
background-color: #37bce4;
color: #fff;
content: ""
}
.accordion-item .accordion__item-body {
padding-top: 25px
}
.accordion-item .accordion__item-body p {
margin-bottom: 0
}
@media only screen and (min-width:320px) and (max-width:767px) {
.accordion-item {
padding: 15px 20px
}
}
.divider__line {
position: relative;
height: 3px;
margin-bottom: 35px
}
.divider__line:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 3px;
background-color: #222
}
.divider__line.divider__center:after {
left: 50%;
transform: translateX(-50%)
}
.divider__line.divider__sm:after {
width: 40px
}
.divider__theme:after {
background-color: #37bce4
}
.divider__white:after {
background-color: #fff
}
@media only screen and (min-width:320px) and (max-width:767px) {
.divider__line {
margin-bottom: 20px
}
}
.footer-top {
padding-top: 100px;
padding-bottom: 71px;
border-top: 1px solid #eaeaea
}
.footer-top .footer__widget-title {
font-size: 15px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 26px
}
.footer__copyright-links li a,.footer__widget-nav li a {
display: block;
position: relative;
color: #9b9b9b;
font-size: 14px;
line-height: 33px
}
.footer__copyright-links li a:hover,.footer__widget-nav li a:hover {
color: #37bce4
}
.footer__copyright-links li a {
margin-right: 14px;
padding-right: 15px;
margin-bottom: 3px
}
.footer__copyright-links li a:after {
content: "|";
position: absolute;
right: 0;
color: #9b9b9b
}
.footer__copyright-links li:last-child a:after {
display: none
}
.footer-bottom {
padding: 35px 0;
border-top: 1px solid #eaeaea
}
.footer-bottom .social__icons a {
font-size: 17px
}
#scrollTopBtn {
position: fixed;
right: 10px;
bottom: 30px;
width: 45px;
height: 45px;
opacity: 0;
z-index: 1000;
font-size: 18px;
border-radius: 4px;
color: #fff;
background-color: #282828;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#scrollTopBtn:hover {
background-color: #37bce4
}
#scrollTopBtn.actived {
right: 30px;
opacity: 1
}
@media only screen and (min-width:768px) and (max-width:991px) {
.footer-top {
padding-top: 70px;
padding-bottom: 50px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.footer-top {
padding-top: 50px;
padding-bottom: 0
}
.footer__widget {
margin-bottom: 30px
}
.footer-top .footer__widget-title {
margin-bottom: 20px
}
.footer-bottom .social__icons {
margin-top: 20px;
justify-content: flex-start!important
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.footer-bottom {
padding: 25px 0
}
.footer__copyright-links {
margin-bottom: 10px
}
.footer__copyright-links li a {
font-size: 13px;
line-height: 20px;
margin-right: 10px;
padding-right: 10px
}
#scrollTopBtn {
bottom: 20px;
width: 30px;
height: 30px;
font-size: 14px
}
#scrollTopBtn.actived {
right: 20px
}
}
.kk .request__form {
background-color: #fff;
box-shadow: 0 5px 83px 0 rgba(40,40,40,.08);
margin-right: 0px;
position: absolute;
z-index: 3;
margin-bottom: 30px
}
.request__form {
background-color: #fff;
box-shadow: 0 5px 83px 0 rgba(40,40,40,.08);
margin-right: 70px;
position: absolute;
z-index: 3;
margin-bottom: 30px
}
.request__form .request__form-header {
background-color: #37bce4;
color: #fff;
padding: 20px 30px
}
.request__form .request__form-header .request__form-title {
text-transform:uppercase;
font-size: 18px;
color: #fff;
margin-bottom: 0;margin-left: 10px;font-weight: 600
}
.request__form .request__form-header i {
font-size: 40px;
margin-right: 10px
}
.request__form .request__form-body {
padding: 50px
}
.request__form .input-radio {
margin-right: 20px
}
.request__form .input-radio:last-child {
margin-right: 0
}
.request-quote-tabs .request__form {
position: static;
margin-bottom: 0
}
.request-quote-tabs .request__form .widget-help {
margin: 30px 0 0 20px
}
.request-quote-tabs .request__form h6 {
font-family: Roboto,sans-serif;
font-size: 14px;
line-height: 1;
margin-bottom: 17px
}
.request-quote-tabs .request__form .form-control {
padding-left: 15px
}
.request-quote-tabs .request__form .nav-tabs {
margin-top: -80px;
position: relative;
z-index: 3
}
.request-quote-tabs .request__form .nav-tabs .nav__link {
padding: 0;
margin-right: 0
}
.request-quote-tabs .request__form .nav-tabs .nav__link:after {
display: none
}
.request-quote-tabs .request__form .nav-tabs .nav__link .request__form-header {
background-color: rgba(27,26,26,.5)
}
.request-quote-tabs .request__form .nav-tabs .nav__link.active .request__form-header {
background-color: #37bce4
}
.request-quote-tabs .request__form .tab-content {
padding-top: 0
}
@media only screen and (max-width:1200px) {
.request__form {
position: static;
margin-right: 0
}
.request__form .request__form-body {
padding: 50px 20px
}
}
@media only screen and (max-width:992px) {
.request-quote-tabs .request__form .widget-help {
display: none
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.request-quote-tabs .request__form .nav-tabs {
margin-top: 0
}
.request__form .request__form-body {
padding: 20px 10px
}
.request__form .request__form-header {
padding: 15px 10px
}
.request__form .request__form-header i {
font-size: 20px;
margin-right: 5px
}
.request__form .request__form-header .request__form-title {
font-size: 13px
}
.request__form .input-radio {
margin-right: 0;
flex-basis: 50%
}
}
[data-dots=false] .owl-dots,[data-nav=false] .owl-nav {
display: none
}
.owl-carousel .owl-item img {
width: 100%
}
.carousel-dots .owl-dots {
margin-top: 10px
}
.carousel-dots .owl-dots .owl-dot {
margin: 0 3px
}
.carousel-dots .owl-dots .owl-dot span {
position: relative;
height: 10px;
width: 10px;
border-radius: 50%;
background-color: #a4a4a4;
border: 3px solid #a4a4a4;
margin: 0;
display: inline-block
}
.carousel-dots .owl-dots .owl-dot.active span {
background-color: transparent;
border-color: #37bce4
}
.carousel-dots-white .owl-dots .owl-dot span {
background-color: #fff;
border-color: #fff
}
.carousel-dots-white .owl-dots .owl-dot.active span {
border-color: #fff
}
.carousel-dots-white .owl-dots .owl-dot.active span:before {
background-color: #fff
}
.carousel-arrows .owl-nav .owl-next,.carousel-arrows .owl-nav .owl-prev {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
line-height: 50px;
color: #999;
font-size: 0;
font-weight: 400;
text-align: center;
background-color: transparent;
cursor: pointer;
padding: 0;
border-radius: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transform: translateY(-50%)
}
.carousel-arrows .owl-nav .owl-next:hover,.carousel-arrows .owl-nav .owl-prev:hover {
color: #37bce4;
background-color: transparent
}
.carousel-arrows .owl-nav .owl-prev {
left: 0
}
.carousel-arrows .owl-nav .owl-prev:before {
font-family: FontAwesome;
content: "";
font-size: 60px
}
.carousel-arrows .owl-nav .owl-next {
right: 0
}
.carousel-arrows .owl-nav .owl-next:before {
font-family: FontAwesome;
content: "";
font-size: 60px
}
.carousel-arrows .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
line-height: 1
}
.header-transparent+.slider {
margin-top: -135px
}
.slider {
padding: 0
}
.slider .slide-item {
height: 100vh
}
.slider .slide__subtitle {
display: inline-block;
font-family: Roboto,sans-serif;
font-size: 17px;
line-height: 1;
color: #f9f9f9;
margin-bottom: 25px
}
.slider .slide__title {
font-size: 65px;
color: #fff;
margin-bottom: 22px;
text-transform:uppercase;line-height: 1.2;letter-spacing:3px;text-shadow:0px 1px 1px #868686;
}
.slider .slide__desc {
font-size: 17px;
font-weight: 500;
color: #fff;
margin-bottom: 33px;text-shadow:1px 1px 1px #868686
}
.slider .carousel-arrows .owl-nav .owl-prev {
left: 50px
}
.slider .carousel-arrows .owl-nav .owl-next {
right: 50px
}
.slider .carousel-arrows .owl-nav .owl-next,.slider .carousel-arrows .owl-nav .owl-prev {
color: #fff;
border: none;
line-height: 46px;
width: auto;
opacity: 0;
transition: opacity .5s ease,transform .4s ease;
transform: scale(.8)
}
.slider:hover .carousel-arrows .owl-nav .owl-next,.slider:hover .carousel-arrows .owl-nav .owl-prev {
opacity: 1;
transform: scale(1)
}
.slider .carousel-arrows .owl-nav .owl-next:before,.slider .carousel-arrows .owl-nav .owl-prev:before {
font-size: 70px
}
.slider .carousel-arrows .owl-dots {
bottom: 30px;
text-align: center
}
.slider .carousel-dots .owl-dots .owl-dot span {
background-color: #fff;
border-color: #fff
}
.slider-1 {
overflow: hidden
}
.slider-1 .slide-item {
min-height: 800px
}
.slider-1 .thumbs-dots {
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
width: 100%;
max-width: 1140px;
z-index: 3;
display: flex
}
.slider-1 .thumbs-dots .owl-thumb-item {
flex: 1;
text-align: left;
padding: 25px 30px 23px;
background-color: rgba(27,26,26,.5);
margin-right: 2px
}
.slider-1 .thumbs-dots .owl-thumb-item i {
font-size: 40px;
color: #f9f9f9
}
.slider-1 .thumbs-dots .owl-thumb-item span {
display: block;
font-family: "Work Sans",sans-serif;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: #f9f9f9;
margin-bottom: 0;letter-spacing: 2px
}
.slider-1 .thumbs-dots .owl-thumb-item.active {
transform: scaleY(1.1);
background-color: #37bce4
}
.slider-2 .slide__desc {
padding-right: 45px
}
.slider-2 .request__form {
max-width: 370px;
position: absolute;
right: 10px;
bottom: -100px;
margin-bottom: 0
}
.slider-2 .request__form .request__form-body {
padding: 37px 50px 50px
}
.slider-3 .slide__content {
background-color: #fff;
padding: 60px 0 60px 50px
}
.slider-3 .slide__title {
font-size: 50px;
color: #222;
margin-bottom: 12px
}
.slider-3 .slide__desc {
color: #9b9b9b
}
.slider-3 .video__area {
background-color: #f9f9f9;
border-left: 2px solid #37bce4;
display: flex;
align-items: center;
padding: 15px 0
}
.slider-3 .video__area .btn__video.popup-video .video__player {
position: static;
width: 75px;
height: 75px;
line-height: 75px
}
.slider-3 .video__area .popup-video .video__player:after {
content: "";
position: absolute;
top: -5px;
left: 50%;
width: 85px;
height: 85px;
border-radius: 50%;
border: 2px solid #37bce4;
transform: translateX(-50%)
}
.slider-3 .video__area .btn__video.popup-video {
padding-left: 0;
height: auto
}
.slider-3 .video__area .btn__video.popup-video .video__player-animation:before {
left: -40px;
top: -36px;
width: 96px;
height: 96px
}
.slider-3 .video__area .btn__video.popup-video p {
color: #222;
font-size: 14px;
line-height: 23px;
font-weight: 700;
margin: 25px 0 0
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.slider .slide__title {
font-size: 64px
}
.slider .carousel-arrows .owl-nav .owl-next {
right: 10px
}
.slider .carousel-arrows .owl-nav .owl-prev {
left: 10px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.slider .slide__title {
font-size: 50px
}
.slider .carousel-arrows .owl-nav .owl-next {
right: 0
}
.slider .carousel-arrows .owl-nav .owl-prev {
left: 0
}
.slide__title {
font-size: 50px
}
.slider-2 .slide__desc {
padding-right: 45px
}
.slider-3 .slide__content {
padding: 20px 0 20px 20px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.header-transparent+.slider {
margin-top: 0
}
.slider .slide-item {
height: calc(100vh - 80px)
}
.slider-1 .slide-item {
min-height: 0
}
.slider-2 .slide__desc {
padding-right: 0
}
.slider-3 .slide__content {
padding: 20px 0 20px 20px
}
.slider-3 .container {
max-width: 100%
}
.header-transparent+.slider .slide__content {
padding-top: 0
}
.slider .carousel-arrows .owl-nav .owl-next,.slider .carousel-arrows .owl-nav .owl-prev {
width: 40px;
height: 40px;
line-height: 40px
}
.slider .carousel-arrows .owl-nav .owl-next:before,.slider .carousel-arrows .owl-nav .owl-prev:before {
font-size: 15px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.slider .slide__title {
font-size: 40px;
margin-bottom: 17px
}
.slider .carousel-arrows .owl-nav .owl-prev {
left: 10px
}
.slider .carousel-arrows .owl-nav .owl-next {
right: 10px
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.slider .slide__subtitle {
margin-bottom: 15px
}
.slider .slide__title {
font-size: 25px;
margin-bottom: 15px
}
.slider .slide__desc {
font-size: 15px;
font-weight: 400;
margin-bottom: 20px
}
.slider .btn {
margin-bottom: 20px
}
.slider .carousel-arrows .owl-nav .owl-next,.slider .carousel-arrows .owl-nav .owl-prev {
display: none
}
}
.video__btn {
position: relative
}
.popup-video {
text-align: center;
display: inline-block;
position: relative
}
.popup-video .video__player {
font-size: 18px;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background-color: #37bce4;
color: #fff;
position: relative;
display: inline-block
}
.popup-video .video__player:after {
content: "";
position: absolute;
top: -4px;
left: -4px;
width: calc(100% + 8px);
height: calc(100% + 8px);
border-radius: 50%;
border: 2px solid #37bce4
}
.popup-video .video__player-animation {
position: relative;
width: 76px;
height: 76px
}
.popup-video .video__player-animation:before {
content: "";
position: absolute;
left: -8px;
top: -29px;
width: 76px;
height: 76px;
opacity: 1;
border: 2px solid #37bce4;
border-radius: 50%;
-webkit-animation: pulsing 1.5s infinite linear;
-moz-animation: pulsing 1.5s infinite linear;
-ms-animation: pulsing 1.5s infinite linear;
-o-animation: pulsing 1.5s infinite linear;
animation: pulsing 1.5s infinite linear
}
.popup-video .video__player-title {
text-transform: uppercase;
color: #222;
font-size: 13px;
font-weight: 700;
padding-top: 20px;
margin-bottom: 0;
line-height: 1
}
.popup-video:hover .video__player-animation:before {
opacity: 0;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none
}
.video__btn-white .video__player {
background-color: #fff;
color: #37bce4
}
.video__btn-white .video__player:after {
border-color: #fff
}
.video__btn-white .video__player-animation:before {
border-color: #fff
}
.video-1 {
padding-top: 170px;
padding-bottom: 170px
}
.video-1 .heading__title {
text-transform:uppercase;
font-size: 43px;
line-height: 53px
}
.video-1 .heading__subtitle {
font-size: 16px;
margin-bottom: 20px;font-weight: 100;line-height: 1.4
}
.video-2 {
padding: 130px 0 70px
}
.video-2 .request__form .request__form-header .request__form-title {
font-size: 16px;
}
.video-2 .fancybox-item .fancybox__title {
color: #fff
}
.video-3 {
padding: 230px 0
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.video-1 {
padding-top: 140px;
padding-bottom: 230px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.video-1 {
padding-top: 100px;
padding-bottom: 100px;
text-align: center
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.video-1 {
padding-top: 80px;
padding-bottom: 80px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.video-1 {
text-align: center
}
.video-1 .heading__title {
font-size: 32px;
line-height: 42px;
margin-bottom: 20px
}
.video-2 {
padding: 60px 0 30px;
text-align: center
}
.video-3 {
padding: 130px 0
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.video-1 {
padding-top: 60px;
padding-bottom: 60px
}
.video-1 .heading__title {
font-size: 25px;
line-height: 35px
}
}
@-webkit-keyframes pulsing {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
}
@-moz-keyframes pulsing {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
}
@-ms-keyframes pulsing {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
}
@-o-keyframes pulsing {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
}
@keyframes pulsing {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
}
.feature-item {
position: relative;
margin-bottom: 30px
}
.feature-item .feature__img {
margin-bottom: 24px
}
.feature-item .feature__img img {
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease
}
.feature-item .feature__subtitle {
font-family: Roboto,sans-serif;
font-size: 14px;
display: inline-block;
margin-bottom: 6px
}
.feature-item .feature__title {
font-size: 18px;
line-height: 26px;
margin-bottom: 18px;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-ms-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.feature-item .feature__desc {
margin-bottom: 0
}
.feature-item:hover .feature__img img {
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px)
}
.feature-item:hover .feature__title {
color: #37bce4
}
@media only screen and (min-width:768px) and (max-width:991px) {
.feature-item .feature__img {
margin-bottom: 20px
}
.feature-item .feature__title {
font-size: 16px;
margin-bottom: 10px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.feature-item {
margin-bottom: 30px
}
.feature-item .feature__img {
margin-bottom: 15px
}
.feature-item .feature__title {
margin-bottom: 10px
}
}
.fancybox-item {
position: relative;
margin-bottom: 40px
}
.fancybox-item .fancybox__icon {
font-size: 70px;
line-height: 1;
color: #37bce4;
margin-bottom: 20px;
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-ms-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease
}
.fancybox-item .fancybox__title {
font-size: 22px;
font-weight: 600;
line-height: 29px;
margin-bottom: 17px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.fancybox-item .fancybox__desc {
font-size: 14px;
line-height: 24px;
margin-bottom: 0
}
.fancybox-item:hover .fancybox__icon {
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px)
}
.fancybox-item:hover .fancybox__title {
color: #37bce4
}
.fancybox-layout2 .fancybox-item .fancybox__title {
font-size: 18px;
line-height: 25px;
margin-bottom: 12px;font-weight: 600;letter-spacing: 2px
}
.fancybox-layout2 .fancybox-item .fancybox__icon {
font-size: 48px;
margin-bottom: 15px
}
.fancybox-layout2-panel {
background-color: #f9f9f9;
padding: 40px 20px 0;
margin-bottom: 50px
}
.fancybox-layout2 .fancybox-item-custom {
background-color: #37bce4;
padding: 25px 40px 35px;
margin-top: 12px
}
.fancybox-layout2 .fancybox-item-custom .fancybox__icon {
font-size: 53px;
color: #fff;
margin-bottom: 5px
}
.fancybox-layout2 .fancybox-item-custom .fancybox__title {
font-size: 25px;
line-height: 29px;
font-weight: 400;
color: #fff;
margin-bottom: 0;
transform: translateY(6px)
}
.fancybox-layout3 .heading__title {
line-height: 46px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.fancybox-item .fancybox__icon {
font-size: 60px;
margin-bottom: 10px
}
.fancybox-item .fancybox__title {
margin-bottom: 12px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.fancybox-item {
margin-bottom: 30px
}
.fancybox-item .fancybox__icon {
font-size: 50px;
margin-bottom: 5px
}
.fancybox-item .fancybox__title {
font-size: 18px;
margin-bottom: 5px!important
}
.fancybox-layout2 .fancybox-item .fancybox__icon {
margin-bottom: 7px
}
.fancybox-layout3 .heading__title {
line-height: 35px
}
}
.project-item {
position: relative;
margin-bottom: 30px;
box-shadow: 0 5px 83px 0 rgba(40,40,40,.12)
}
.project-item:hover .project__img:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.project-item .project__img {
position: relative;
-webkit-transition: all .6s linear;
-moz-transition: all .6s linear;
-ms-transition: all .6s linear;
-o-transition: all .6s linear;
transition: all .6s linear
}
.project-item .project__img:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .5;
display: block;
background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),#1b1a1a 100%);
background-image: -moz-linear-gradient(top,rgba(0,0,0,0),#1b1a1a 100%);
background-image: -ms-linear-gradient(top,rgba(0,0,0,0),#1b1a1a 100%);
background-image: -o-linear-gradient(top,rgba(0,0,0,0),#1b1a1a 100%);
background-image: linear-gradient(top,rgba(0,0,0,0),#1b1a1a 100%);
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
.project-item .project__img img {
width: 100%
}
.project-item .project__content {
padding: 30px;
background-color: #fff
}
.project-item .project__cat {
line-height: 1;
margin-bottom: 11px
}
.project-item .project__cat a {
position: relative;
font-family: Roboto,sans-serif;
font-size: 13px;
color: #37bce4;
padding-right: 7px
}
.project-item .project__cat a:hover {
color: #222
}
.project-item .project__cat a::after {
content: ",";
position: absolute;
top: 2px;
right: 2px
}
.project-item .project__cat a:last-child:after {
display: none
}
.project-item .project__title {
text-transform:capitalize;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 0
}
.project-item .project__title a {
color: #222;font-weight: 600;font-size: 18px
}
.project-item .project__title a:hover {
color: #37bce4
}
.project-item .project__desc {
font-size: 12px;
line-height: 1.6;
margin-top: 6px;
margin-bottom: 0
}
.project-item .project__link {
color: #222;
line-height: 1
}
.project-item .zoom__icon {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 20px;
height: 20px;
opacity: 0;
z-index: 2;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.project-item .zoom__icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 20px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff
}
.project-item .zoom__icon:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 1px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff
}
.project-item:hover .zoom__icon {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.projects-filter {
display: flex;
flex-wrap: wrap
}
.projects-filter li {
margin-bottom: 20px;
margin-right: 30px
}
.projects-filter li:last-child {
margin-right: 0
}
.projects-filter li a {
position: relative;
color: #222;
font-size: 18px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
display: block;
padding-bottom: 20px;
text-transform: uppercase
}
.projects-filter li a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #37bce4;
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
-ms-transition: all .7s linear;
-o-transition: all .7s linear;
transition: all .7s linear
}
.projects-filter li a.active,.projects-filter li a:hover {
color: #37bce4
}
.projects-filter li a.active:after,.projects-filter li a:hover:after {
width: 100%
}
.projects-carousel .projects-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 664px
}
.projects-carousel .projects-filter li a {
color: #fff
}
.projects-carousel .projects-filter li a:after {
background-color: #fff
}
.projects-carousel .project-item {
box-shadow: none;
overflow: hidden
}
.projects-carousel .project-item .project__content {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.projects-carousel .project-item .project__cat {
background-color: #37bce4;
display: inline-block;
padding: 7px 9px;
border-radius: 2px
}
.projects-carousel .project-item .project__cat a {
color: #fff
}
.projects-carousel .project-item .project__cat a:hover {
color: #222
}
.projects-carousel .project-item .project__cat a:after {
color: #fff
}
.projects-carousel .project-item .project__title {
margin-bottom: 15px
}
.projects-carousel .project-item .project__desc {
max-width: 70%
}
.projects-carousel .project-item .project__desc,.projects-carousel .project-item .project__title a {
color: #fff
}
.projects-carousel .project-item .btn__link {
margin-top: 20px;
padding-bottom: 5px;
opacity: 0;
-webkit-transition: all .6s linear;
-moz-transition: all .6s linear;
-ms-transition: all .6s linear;
-o-transition: all .6s linear;
transition: all .6s linear
}
.projects-carousel .project-item .btn__link:hover {
color: #fff
}
.projects-carousel .project-item .btn__link:hover:after {
background-color: #fff
}
.projects-carousel .project-item .btn__link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #37bce4;
-webkit-transition: all .6s linear;
-moz-transition: all .6s linear;
-ms-transition: all .6s linear;
-o-transition: all .6s linear;
transition: all .6s linear
}
.projects-carousel .project-item .project__content-inner {
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
padding: 30px 30px 0;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease
}
.projects-carousel .project-item:hover .project__content-inner {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
.projects-carousel .project-item:hover .btn__link {
opacity: 1
}
.projects-carousel .owl-nav .owl-next,.projects-carousel .owl-nav .owl-prev {
top: auto;
bottom: 30%;
width: auto;
left: -70px;
right: auto;
color: #fff
}
.projects-carousel .owl-nav .owl-next:hover,.projects-carousel .owl-nav .owl-prev:hover {
color: #333
}
.projects-carousel .owl-nav .owl-next {
bottom: 10%;
color: #333
}
.projects-carousel .owl-nav .owl-next:hover {
color: #37bce4
}
@media (min-width:992px) {
.projects-carousel .owl-carousel {
width: 130%
}
.projects-carousel-2.owl-carousel {
width: 150%
}
}
.projects-carousel-2 .owl-stage-outer,.projects-carousel-3 .owl-stage-outer {
margin: -15px;
padding: 15px
}
.projects-carousel-2 .project-item,.projects-carousel-3 .project-item {
box-shadow: 0 0 15px 0 rgba(40,40,40,.15)
}
.projects-carousel-2 .project-item .project__content,.projects-carousel-3 .project-item .project__content {
padding: 30px 25px 30px 30px
}
.carousel-tabs .pricing-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 636px
}
.carousel-tabs .owl-dots {
text-align: center
}
.projects-single .project__single-title {
font-size: 30px;
font-weight: 600
}
.projects-single .divider__line {
margin-bottom: 21px
}
.projects-single .project__single-desc {
margin-bottom: 40px
}
.projects-single .project__single-desc p {
margin-bottom: 27px
}
.projects-single .project__single-desc p:last-of-type {
margin-bottom: 0
}
.projects-gallery .project-item {
box-shadow: none
}
.mix {
display: none
}
.project-hidden>.project-item {
display: none
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.projects-carousel .owl-nav .owl-next,.projects-carousel .owl-nav .owl-prev {
left: -30px
}
.projects-carousel .owl-nav .owl-next:before,.projects-carousel .owl-nav .owl-prev:before {
font-size: 40px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.project-item .project__content,.projects-carousel-2 .project-item .project__content,.projects-carousel-3 .project-item .project__content {
padding: 20px
}
.projects-carousel .owl-nav .owl-next,.projects-carousel .owl-nav .owl-prev {
left: -40px
}
.projects-filter li {
margin-right: 23px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.projects-filter li {
margin-right: 20px
}
.projects-grid .container {
max-width: none
}
.projects-carousel .owl-nav .owl-next,.projects-carousel .owl-nav .owl-prev {
left: -40px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.projects-carousel .projects-bg {
height: 580px
}
.project-item .project__content,.projects-carousel-2 .project-item .project__content,.projects-carousel-3 .project-item .project__content {
padding: 20px
}
.project-item .project__desc {
margin-top: 5px
}
.projects-single .project__title {
font-size: 24px
}
.projects-gallery .container {
max-width: none
}
.projects-carousel .project-item .project__content-inner {
padding: 20px 20px 0
}
.text__block .text__block-title {
position: static;
}
.text__block .text__block-desc {
padding-left: 0
}
.projects__nav {
display: block
}
.projects__nav .projects__nav-content h6 {
font-size: 14px;
line-height: 24px
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.projects-filter li {
margin-right: 15px;
margin-bottom: 15px
}
.projects-filter li a {
font-size: 13px
}
.project-item .project__title {
font-size: 18px;
line-height: 25px
}
.carousel-arrows .owl-nav {
text-align: center
}
.carousel-arrows .owl-nav .owl-next,.carousel-arrows .owl-nav .owl-prev {
position: static;
color: #333;
margin: 0 15px;
transform: translateY(0)
}
.carousel-arrows .owl-nav .owl-next:before,.carousel-arrows .owl-nav .owl-prev:before {
font-size: 50px
}
}
.member {
position: relative;
margin-bottom: 30px
}
.member .member__img {
position: relative;
overflow: hidden
}
.member .member__img img {
width: 100%;
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-ms-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease
}
.member .member__info {
padding-top: 18px
}
.member .member__info .member__name {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin-bottom: 11px;
text-transform: uppercase
}
.member .member__info .member__desc {
font-family: Roboto,sans-serif;
font-size: 14px;
margin-bottom: 0;
}
.member .member__info .member__desc:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 20%;
height: 3px;
background-color: #37bce4
}
.member .member__hover {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(55,188,288,.8);
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.member .member__content-inner {
position: absolute;
left: 20px;
bottom: 20px;
width: 90%;
opacity: 0;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.member .social__icons a {
color: #fff;
opacity: 0;
-webkit-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-ms-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
transition-delay: .4s
}
.member .social__icons a:hover {
color: #222
}
.member .social__icons a:nth-of-type(2) {
transition-delay: .6s
}
.member .social__icons a:nth-of-type(3) {
transition-delay: .8s
}
.member .social__icons a:nth-of-type(4) {
transition-delay: 1s
}
.member:hover .member__hover {
opacity: 1
}
.member:hover .member__content-inner {
bottom: 50px;
opacity: 1
}
.member:hover .social__icons a {
opacity: 1
}
@media only screen and (min-width:320px) and (max-width:767px) {
.member {
max-width: 400px;
margin: 0 auto 30px
}
.member .member__info {
padding-top: 15px
}
.member .member__info .member__name {
font-size: 17px;
margin-bottom: 0
}
}
.testimonial-item {
position: relative
}
.testimonial-item:before {
content: "";
position: absolute;
bottom: 50px;
left: 0;
width: 100px;
height: 72px;
display: inline-block;
background-image: url(assets/images/testimonials/quote-icon.png)
}
.testimonial-item .testimonial__rating {
line-height: 1;
margin-bottom: 21px
}
.testimonial-item .testimonial__rating i {
color: #37bce4
}
.testimonial-item .testimonial__content {
position: relative
}
.testimonial-item .testimonial__desc {
font-family: "Work Sans",sans-serif;
font-size: 18px;
line-height: 29px;
font-weight: 600;
margin-bottom: 28px
}
.testimonial__meta {
position: relative;
z-index: 2
}
.testimonial__meta .testimonial__meta-title {
font-family: "Work Sans",sans-serif;
text-transform: capitalize;
font-size: 15px;
font-weight: 700;
line-height: 1;
margin-bottom: 6px;
display: block
}
.testimonial__meta .testimonial__meta-desc {
font-family: Roboto,sans-serif;
line-height: 25px;
font-weight: 400;
font-size: 12px;
color: #616161;
margin-bottom: 0;
display: block
}
.testimonial__thumb {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 29px;
display: inline-block
}
.testimonial__thumb img {
max-width: 100%
}
.testimonial-wrap-panel {
background-color: #f9f9f9;
padding: 80px 50px;
margin-bottom: 50px
}
.testimonial-wrap-panel .testimonial-item {
padding: 0 30px
}
.testimonial-wrap-panel:before {
left: -30px
}
.testimonial-2 .testimonial-item:before {
top: 10px;
bottom: auto
}
.testimonial-2 .testimonial-item .testimonial__content {
padding: 40px 40px 10px
}
.testimonial-2 .testimonial__thumb {
margin-bottom: 14px
}
.testimonial-2 .testimonial-item .testimonial__desc {
font-size: 21px;
line-height: 34px;
font-weight: 500
}
.testimonial-2 .owl-thumb-item {
opacity: .5;
margin-right: 42px
}
.testimonial-2 .owl-thumb-item .testimonial__thumb {
transform: scale(.8)
}
.testimonial-2 .owl-thumb-item:last-child {
margin-right: 0
}
.testimonial-2 .owl-thumb-item.active {
opacity: 1
}
.testimonial-2 .owl-thumb-item.active .testimonial__thumb {
transform: scale(1)
}
@media only screen and (min-width:768px) and (max-width:991px) {
.testimonial-2 .testimonial-item .testimonial__desc {
font-size: 18px;
line-height: 28px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.testimonial-wrap-panel {
padding: 20px 30px
}
.testimonial-wrap-panel .testimonial-item {
padding: 0
}
.testimonial-item .testimonial__desc {
font-size: 15px!important;
line-height: 25px!important
}
.testimonial-2 .testimonial-item .testimonial__content {
padding: 20px 0 0
}
.testimonial-2 .owl-thumb-item {
margin-right: 20px
}
}
@media only screen and (max-width:400px) {
.testimonial__meta .testimonial__meta-title {
margin-bottom: 0
}
.testimonial-2 .owl-thumb-item {
margin-right: 13px
}
}
.cta__title {
font-size: 17px;
font-weight: 600;
line-height: 26px
}
.cta__desc {
font-family: Roboto,sans-serif;
font-size: 16px;
color: #616161;
line-height: 1;
margin-bottom: 0
}
.cta-1 .contact-panel-2 {
position: absolute;
z-index: 2;
width: calc(100% - 15px);
max-width: 330px
}
.cta-2 {
padding: 100px 80px
}
.cta-2 .cta__subtitle {
font-size: 17px;
font-weight: 700;
color: #fff;
display: block;
margin-bottom: 10px
}
.cta-2 .cta__title {
font-size: 43px;
line-height: 53px;
font-weight: 700;
color: #fff;
margin-bottom: 30px
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.cta-1 .form-group.d-flex {
display: block!important
}
.cta-1 .form-group.d-flex .form-control {
margin-bottom: 10px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.cta-1 .contact-panel-2 {
position: static;
width: 100%;
max-width: none
}
.cta-1 .text-right {
text-align: left!important
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.cta-1 .contact-panel-2 {
position: static;
width: 100%;
max-width: none
}
.cta-1 .text-right {
text-align: left!important
}
.cta-2 {
padding: 40px 20px
}
.cta-2 .cta__subtitle {
font-size: 15px;
margin-bottom: 10px
}
.cta-2 .cta__title {
font-size: 23px;
line-height: 33px;
margin-bottom: 15px
}
}
@media only screen and (max-width:450px) {
.cta-1 .form-group.d-flex {
display: block!important
}
.cta-1 .form-group.d-flex .form-control {
margin: 0 0 10px 0!important
}
}
.clients {
padding: 70px 0
}
.clients .client {
position: relative;
text-align: center;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease
}
.clients .client img {
display: inline-block;
width: auto!important;
max-width: 100%
}
.clients .owl-carousel {
z-index: 0
}
@media only screen and (min-width:768px) and (max-width:991px) {
.clients {
padding: 50px 0
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.clients {
padding: 30px 0
}
}
.blog-item {
position: relative;
margin-bottom: 40px
}
.blog-item .blog__img {
position: relative;
overflow: hidden;
margin-bottom: 25px
}
.blog-item .blog__img img {
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease
}
.blog-item:hover .blog__img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.blog-item .blog__content {
padding-left: 30px
}
.blog-item .blog__meta {
display: flex;
align-items: center;
line-height: 1
}
.blog-item .blog__meta-cat {
display: inline-block;
margin-right: 20px;
margin-bottom: 7px;
line-height: 1
}
.blog-item .blog__meta-cat a {
position: relative;
color: #37bce4;
padding-right: 7px
}
.blog-item .blog__meta-cat a:hover {
color: #222
}
.blog-item .blog__meta-cat a:after {
content: ",";
position: absolute;
top: 0;
right: 2px;
color: #37bce4
}
.blog-item .blog__meta-cat a:last-child {
padding: 0
}
.blog-item .blog__meta-cat a:last-child:after {
display: none
}
.blog-item .blog__meta-date {
font-size: 13px;
line-height: 1;
display: inline-block;
color: #616161
}
.blog-item .blog__title {
font-size: 18px;
line-height: 27px;
font-weight: 700;
margin-bottom: 15px
}
.blog-item .pp .blog__title a {
color: #222;font-size: 15px;font-weight: 600
}
.blog-item .blog__title a {
color: #222
}
.blog-item .blog__title a:hover {
color: #37bce4
}
.blog-item .blog__desc {
text-align: left;
margin-bottom: 0;font-size: 12px;
}
.blog-item .btn__link {
line-height: 1;
width: auto;
height: auto;
border: none;
padding-bottom: 5px;
margin-top: 17px
}
.blog-item .btn__link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #37bce4
}
.member__info .btn__link:after {
content: "";
position: absolute;
top:20px;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #37bce4
}
.blog-item:hover .btn__link {
color: #37bce4
}
.blog-grid-layout2 .blog-item {
background-color: #fff;
margin-bottom: 30px;
box-shadow: 0 5px 83px 0 rgba(40,40,40,.08)
}
.blog-grid-layout2 .blog-item .blog__img {
margin-bottom: 27px
}
.blog-grid-layout2 .blog-item .blog__title {
font-size: 16px;
line-height: 24px;
margin-bottom: 0
}
.blog-grid-layout2 .blog-item .blog__content {
padding: 0 15px 25px 30px
}
.blog-grid-layout2 .blog-item .blog__meta-date {
margin-bottom: 11px
}
.blog-grid-layout2 .blog-item .blog__meta-cat {
margin: 0;
position: absolute;
left: 30px;
bottom: 0;
background-color: #37bce4;
padding: 7px
}
.blog-grid-layout2 .blog-item .blog__meta-cat a {
color: #fff;
font-size: 13px
}
.blog-grid-layout2 .blog-item .blog__meta-cat a:hover {
color: #222
}
.blog-grid-layout2 .blog-item .blog__meta-cat a:after {
color: #fff
}
.blog-grid-layout2 .blog-item-wide .blog__content {
padding: 10px 50px 30px
}
.blog-grid-layout2 .blog-item-wide .blog__title {
font-size: 18px;
line-height: 27px;
margin-bottom: 0
}
.blog-grid-layout2 .blog-item-wide .blog__desc {
margin: 15px 0 12px
}
.blog-grid-layout2 .blog__meta-cat {
left: 50px
}
.hidden-blog-item {
display: none
}
.blog-single .blog-item {
text-align: center
}
.blog-single .blog-item .blog__meta-cat {
margin-right: 0
}
.blog-single .blog-item .blog__content {
padding-left: 0
}
.blog-single .blog__meta {
margin-bottom: 26px
}
.blog-single .blog-item .blog__title {
font-size: 30px;
line-height: 38px;
font-weight: 700;
padding: 0 60px
}
.blog-standard .blog-item .blog__desc {
margin-bottom: 22px
}
.blog-single .blog__desc {
margin-bottom: 21px
}
.blog-single .blog__desc p {
font-size: 16px;
line-height: 26px;
margin-bottom: 24px
}
.blog__desc .photo_shows{margin:0 auto; padding: 0 auto; width: 100%; height: auto; max-width: 700px;}
.blog-widget {
padding-top: 40px;
margin-bottom: 40px;
border-top: 1px solid #eaeaea
}
.blog__widget-title {
font-size: 18px;
line-height: 1;
margin-bottom: 30px
}
.blog-share .blog__share-title {
font-size: 13px;
line-height: 1;
margin-bottom: 0
}
.blog-share .social__icons a {
color: #5d5d5d;
transition: .3s linear;
margin: 0 0 0 20px
}
.blog-share .social__icons a:hover {
color: #37bce4
}
.blog__tags {
display: flex;
flex-wrap: wrap
}
.blog__tags a {
font-size: 12px;
color: #9b9b9b;
line-height: 28px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #eaeaea;
padding: 0 11px
}
.blog__tags a:last-child {
margin-right: 0
}
.blog__tags a:hover {
background-color: #37bce4;
border-color: #37bce4;
color: #fff
}
.blog-nav {
display: flex;
justify-content: space-between;
border-top: 1px solid #eaeaea;
padding-top: 30px
}
.blog-nav .blog__next,.blog-nav .blog__prev {
position: relative;
min-height: 70px
}
.blog-nav .blog__next:hover h6,.blog-nav .blog__prev:hover h6 {
color: #37bce4
}
.blog-nav .blog__next {
text-align: right
}
.blog-nav .blog__next .blog__nav-img {
right: 0;
left: auto
}
.blog-nav .blog__nav-img {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px
}
.blog-nav .blog__nav-img img {
width: 100%;
height: 100%
}
.blog-nav .blog__nav-content span {
font-family: Roboto,sans-serif;
font-size: 13px;
color: #616161;
display: block;
margin-bottom: 1px
}
.blog-nav .blog__nav-content h6 {
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.blog-nav .blog__next .blog__nav-content {
padding-right: 90px
}
.blog-nav .blog__prev .blog__nav-content {
padding-left: 90px
}
.blog-author {
background-color: #f4f4f4;
padding: 40px;
display: flex
}
.blog-author .blog__author-avatar {
width: 70px;
height: 70px;
min-width: 70px;
margin-right: 30px;
margin-bottom: 20px
}
.blog-author .blog__author-name {
font-size: 18px;
line-height: 1;
margin-bottom: 15px
}
.blog-author .blog__author-bio {
line-height: 23px;
margin-bottom: 13px
}
.blog-author .social__icons a {
font-size: 15px;
margin-right: 26px;
color: #5d5d5d
}
.blog-author .social__icons a:hover {
color: #282828
}
.blog-author .social__icons a:last-child {
margin-right: 0
}
.comments-list .comment__item {
position: relative;
padding-bottom: 20px;
border-bottom: 2px solid #eaeaea;
margin-bottom: 30px
}
.comments-list .comment__item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0
}
.comments-list .comment__item .comment__avatar {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 2px
}
.comments-list .comment__item .comment__content {
padding-left: 90px
}
.comments-list .comment__item .comment__content .comment__author {
font-size: 14px;
font-weight: 700;
line-height: 1;
margin-bottom: 11px
}
.comments-list .comment__item .comment__content .comment__date {
font-family: Roboto,sans-serif;
color: #616161;
font-size: 12px;
line-height: 1;
display: block;
margin-bottom: 10px
}
.comments-list .comment__item .comment__content .comment__desc {
margin-bottom: 6px
}
.comments-list .comment__item .comment__content .comment__reply {
font-family: "Work Sans",sans-serif;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
line-height: 1;
color: #37bce4;
display: inline-block
}
.comments-list .comment__item .comment__content .comment__reply:hover {
color: #222
}
.comments-list .comment__item .nested__comment {
border-top: 1px solid #eaeaea;
padding: 30px 0 0 0;
margin: 30px 0 0 90px
}
.blog-comments-form .form-group {
margin-bottom: 30px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.blog-single .blog-item .blog__title {
padding: 0 40px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.blog-item {
margin-bottom: 30px
}
.blog-item .blog__title {
font-size: 16px;
line-height: 26px;
margin-bottom: 10px
}
.blog-item .blog__content {
padding-left: 0
}
.blog-single .blog-item .blog__title {
font-size: 20px;
line-height: 30px;
padding: 0
}
.blog-grid-layout2 .blog-item .blog__content,.blog-grid-layout2 .blog-item-wide .blog__content {
padding: 0 20px 20px 20px
}
.blog-share .social__icons {
justify-content: flex-start!important
}
.comments-list .comment__item .comment__avatar {
width: 40px;
height: 40px
}
.comments-list .comment__item .comment__content {
padding-left: 60px
}
.blog-nav {
display: block
}
.blog-nav .blog__prev {
margin-bottom: 20px
}
.blog-nav .blog__nav-content h6 {
font-size: 13px
}
.blog-nav .blog__nav-img {
width: 60px;
height: 60px
}
.blog-nav .blog__prev .blog__nav-content {
padding-left: 70px
}
.blog-nav .blog__next .blog__nav-content {
padding-right: 70px
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.blog-author {
display: block;
padding: 20px
}
}
.contact-panel {
background-color: #fff;
margin-bottom: 30px;
box-shadow: 0 5px 83px 0 rgba(40,40,40,.08);
padding-bottom: 18px
}
.contact-panel .contact__panel-header {
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 32px
}
.contact-panel .contact__panel-title {
font-size: 17px;
line-height: 1;
margin-bottom: 0;
text-transform: uppercase
}
.contact-panel ul {
margin-bottom: 20px
}
.contact-panel ul li {
font-size: 14px;
line-height: 28px
}
.contact-panel .btn {
width: 130px
}
.contact-panel-2 {
padding-bottom: 0!important
}
.contact-panel-2 .contact__panel-header {
background-color: #37bce4;
color: #fff;
padding: 15px 30px;
border-bottom: 0;
margin-bottom: 0!important
}
.contact-panel-2 .contact__panel-header .contact__panel-title {
color: #fff
}
.contact-panel-2 .contact__panel-header i {
font-size: 40px;
margin-right: 5px
}
.contact-panel-2 .accordion-item {
padding: 0
}
.contact-panel-2 .accordion-item .accordion__item-header {
padding: 15px 30px
}
.contact-panel-2 .accordion-item .accordion__item-title {
font-family: Roboto,sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 1
}
.contact-panel-2 .accordion-item .accordion__item-body {
padding: 15px 30px;
border-top: 1px solid #eaeaea
}
.contact-panel-2 ul {
margin-bottom: 0
}
.locations-panel {
margin-bottom: 85px
}
.locations-panel .locations__panel-header {
border-bottom: 1px solid #eaeaea;
margin-bottom: 25px
}
.locations-panel .locations__panel-title {
font-size: 24px;
line-height: 1;
margin-bottom: 25px
}
.locations-panel ul {
display: flex;
flex-wrap: wrap
}
.locations-panel ul li {
line-height: 40px;
flex-basis: 25%
}
.locations-panel ul li a {
color: #333;
font-size: 14px;
font-weight: 700
}
.locations-panel ul li a:hover {
color: #37bce4
}
.locations-panel ul li a i {
margin-right: 10px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.locations-panel {
margin-bottom: 70px
}
.locations-panel ul li {
flex-basis: 33.33333333%
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.contact-panel .contact__panel-header {
padding: 20px 10px;
margin-bottom: 20px
}
.contact-panel {
margin-bottom: 20px;
padding-bottom: 20px
}
.contact-panel-2 .accordion-item .accordion__item-body,.contact-panel-2 .accordion-item .accordion__item-header {
padding: 15px 20px
}
.locations-panel {
margin-bottom: 40px
}
.locations-panel .locations__panel-header {
margin-bottom: 20px
}
.locations-panel .locations__panel-title {
margin-bottom: 15px
}
.locations-panel ul li {
flex-basis: 50%
}
}
@media only screen and (max-width:450px) {
.locations-panel {
margin-bottom: 30px
}
.locations-panel ul li {
flex-basis: 100%
}
}
.pricing-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 595px
}
.pricing-item {
position: relative;
padding: 50px 50px 40px;
background-color: #fff;
box-shadow: 0 1px 73px 0 rgba(40,40,40,.15);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.pricing-item:hover {
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-o-transform: translateY(-6px);
transform: translateY(-6px)
}
.pricing-item .pricing__header {
margin-bottom: 39px
}
.pricing-item .pricing__title {
font-family: Roboto,sans-serif;
font-size: 18px;
line-height: 1;
margin-bottom: 4px
}
.pricing-item .pricing__desc {
font-size: 13px;
line-height: 26px;
color: #616161;
margin-bottom: 35px
}
.pricing-item .pricing__price {
font-family: "Work Sans",sans-serif;
font-size: 80px;
color: #222;
font-weight: 500;
line-height: 1;
margin-bottom: 50px
}
.pricing-item .pricing__time {
font-size: 13px;
display: block;
margin-top: 5px
}
.pricing-item .pricing__list li {
font-size: 14px;
line-height: 34px;
text-transform: capitalize
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pricing-item {
padding: 20px
}
.pricing-item .pricing__header {
margin-bottom: 30px
}
.pricing-item .pricing__title {
margin-bottom: 15px
}
.pricing-item .pricing__price {
font-size: 50px;
margin-bottom: 20px
}
.pricing-item .pricing__desc,.pricing-item .pricing__title {
margin-bottom: 10px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pricing-item {
margin-bottom: 30px
}
}
.counter-item {
text-align: center
}
.counter-item h4 {
font-size: 43px;
font-weight: 500;
line-height: 1;
margin-bottom: 10px
}
.counter-item .ll{font-size: 20px}
.counter-item .counter__icon {
line-height: 1;
margin-bottom: 29px
}
.counter-item .counter__icon i {
font-size: 60px
}
.counter-item .counter__desc {
font-size: 14px;
font-weight: 700;
line-height: 1;
letter-spacing: .5px;
margin-bottom: 0
}
.counters-white .counter__desc,.counters-white .counter__icon,.counters-white h4 {
color: #fff
}
@media only screen and (min-width:320px) and (max-width:767px) {
.counter-item {
margin-bottom: 30px
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.counter-item .counter__icon {
margin-bottom: 15px
}
.counter-item .counter__icon i {
font-size: 45px
}
.counter-item h4 {
font-size: 35px
}
.counter-item .counter__desc {
font-size: 13px
}
}
@media only screen and (max-width:450px) {
.counter-item .counter__icon {
margin-bottom: 15px
}
.counter-item .counter__icon i {
font-size: 30px
}
.counter-item h4 {
font-size: 25px
}
.counter-item .counter__desc {
font-size: 12px
}
}
.services .heading__title {
line-height: 46px
}
.service-item {
position: relative;
margin-bottom: 30px;
overflow: hidden
}
.service-item .service__img {
position: relative
}
.service-item .service__img:after,.service-item .service__img:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.service-item .service__img:before {
z-index: 1;
opacity: .4;
-webkit-background-image: linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
-moz-background-image: linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
-ms-background-image: linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
-o-background-image: linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
background-image: linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%)
}
.service-item .service__img:after {
opacity: 0;
z-index: 2;
background-color: #37bce4;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear
}
.service-item .service__img img {
width: 100%
}
.service-item:hover .service__img:after {
opacity: .9
}
.service-item .service__overlay {
position: absolute;
left: 0;
bottom: -120px;
width: 100%;
padding: 20px 30px 40px;
z-index: 2;
text-align: center;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.service-item:hover .service__overlay {
bottom: 0
}
.service-item .service__icon {
margin-bottom: 10px
}
.service-item .service__icon i {
font-size: 70px;
color: #fff
}
.service-item .service__title {
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 18px;
text-transform: uppercase
}
.service-item .service__desc {
font-size: 14px;
line-height: 24px;
color: #fff
}
.service-item .btn,.service-item .service__desc {
opacity: 0;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.service-item:hover .btn,.service-item:hover .service__desc {
opacity: 1
}
.services-layout2 .service-item {
background-color: #fff;
display: flex;
flex-direction: row;
margin-bottom: 0
}
.services-layout2 .service-item .service__img {
flex-basis: 50%
}
.services-layout2 .service-item .service__img:after {
display: none
}
.services-layout2 .service-item .service__content {
padding: 40px;
flex-basis: 50%
}
.services-layout2 .service-item .service__icon {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.services-layout2 .service-item .service__icon i,.services-layout2 .service-item .service__title {
color: #222
}
.services-layout2 .service-item .service__desc {
color: #9b9b9b
}
.services-layout2 .service-item .btn,.services-layout2 .service-item .service__desc {
opacity: 1
}
.services-layout2 .service-item:hover .service__icon {
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px)
}
.service-item.service-item-reversed {
flex-direction: row-reverse
}
.hidden-service {
display: none
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.services-layout2 .service-item .service__content {
padding: 15px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.services .heading__title {
line-height: 35px
}
.service-item .service__overlay {
padding: 10px 10px 30px
}
.service-item .service__icon {
margin-bottom: 0
}
.service-item .service__icon i {
font-size: 50px
}
.service-item .service__title {
font-size: 18px;
margin-bottom: 10px
}
.services-layout2 .service-item {
flex-direction: column;
box-shadow: 0 0 30px 0 rgba(40,40,40,.1)
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.services .heading__title {
line-height: 35px
}
.services-layout2 .service-item {
flex-direction: column;
box-shadow: 0 0 30px 0 rgba(40,40,40,.1)
}
.services-layout2 .service-item .service__content {
padding: 20px
}
.service-item .service__title {
font-size: 18px
}
.service-item .service__icon i {
font-size: 50px
}
}
.sidebar {
position: relative;
margin-right: 0px;
z-index: 2
}
.widget {
background-color: #f4f4f4;
padding: 40px;
margin-bottom: 40px
}
.widget:last-child {
margin-bottom: 0
}
.widget .widget__title {
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
line-height: 1;
margin-bottom: 30px
}
.widget-search .widget__form-search {
position: relative
}
.widget-search .widget__form-search .form-control {
background-color: #fff
}
.widget-search .widget__form-search button {
position: absolute;
top: 0;
right: 15px;
width: auto;
color: #333
}
.widget-search .widget__form-search button:hover {
color: #37bce4
}
.widget-categories ul {
background-color: #1b1a1a;
padding: 25px 40px
}
.widget-categories ul li a {
position: relative;
display: block;
color: #fff;
line-height: 40px;
font-size: 18px;
text-transform: capitalize;
padding-bottom: 2px;
text-transform: uppercase
}
.widget-categories ul li a:after,.widget-categories ul li a:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #262525;
transition: .6s linear
}
.widget-categories ul li a:after {
width: 0;
background-color: #37bce4
}
.widget-categories ul li a.active,.widget-categories ul li a:hover {
color: #37bce4
}
.widget-categories ul li a.active:after,.widget-categories ul li a:hover:after {
width: 100%
}
.widget-categories ul li:last-child a:after,.widget-categories ul li:last-child a:before {
display: none
}
.widget-categories-2 {
background-color: transparent;
padding: 0!important
}
.widget-categories-2 ul li a {
font-weight: 700
}
.widget-tags ul {
display: flex;
flex-wrap: wrap
}
.widget-tags ul li a {
display: block;
font-size: 14px;
color: #9b9b9b;
line-height: 1;
text-transform: capitalize;
padding: 7px 9px;
border: 1px solid #ededed;
margin: 0 10px 10px 0;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.widget-tags ul li a:hover {
background-color: #37bce4;
border-color: #37bce4;
color: #fff
}
.widget-poducts .widget-product-item {
display: flex;
margin-bottom: 30px
}
.widget-poducts .widget-product-item:last-of-type {
margin-bottom: 0
}
.widget-poducts .widget-product-item .widget__product-title {
font-size: 14px;
line-height: 23px;
margin-bottom: 0;
padding-top: 6px
}
.widget-poducts .widget-product-item .widget__product-title a {
color: #282828
}
.widget-poducts .widget-product-item:hover .widget__product-title a {
color: #37bce4
}
.widget-poducts .widget-product-item .widget__product-img {
margin-right: 20px;
width: 60px;
min-width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%
}
.widget-poducts .widget-product-item .widget__product-img img {
width: 100%;
height: 100%
}
.widget-poducts .widget-product-item .widget__product-price {
font-family: "Work Sans",sans-serif;
font-size: 13px;
font-weight: 600
}
.widget-posts .widget-post-item {
margin-bottom: 26px
}
.widget-posts .widget-post-item:last-of-type {
margin-bottom: 0
}
.widget-posts .widget-post-item .widget__post-title {
font-size: 16px;
line-height: 24px;
margin-bottom: 0
}
.widget-posts .widget-post-item .widget__post-title a {
color: #282828
}
.widget-posts .widget-post-item:hover .widget__post-title a {
color: #37bce4
}
.widget-posts .widget-post-item .widget__post-img {
margin-bottom: 19px
}
.widget-posts .widget-post-item .widget__post-date {
line-height: 1;
font-size: 13px;
display: inline-block;
margin-bottom: 6px
}
.widget-posts .widget-post-item .widget__post-cat {
margin-right: 20px;
margin-bottom: 7px;
line-height: 1
}
.widget-posts .widget-post-item .widget__post-cat a {
position: relative;
font-size: 13px;
color: #37bce4;
padding-right: 7px
}
.widget-posts .widget-post-item .widget__post-cat a:hover {
color: #222
}
.widget-posts .widget-post-item .widget__post-cat a:after {
content: ",";
position: absolute;
top: 0;
right: 2px;
color: #37bce4
}
.widget-posts .widget-post-item .widget__post-cat a:last-child {
padding: 0
}
.widget-download .btn {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px
}
.widget-download .btn:hover {
background-color: #37bce4;
border-color: #37bce4;
color: #fff
}
.widget-download .btn img {
width: 22px;
height: 24px
}
.widget-help {
overflow: hidden
}
.widget-help .widget__content {
position: relative
}
.widget-help .widget__content:after {
content: "";
font-family: icomoon;
position: absolute;
bottom: -220px;
left: -140px;
font-size: 300px;
color: rgba(255,255,255,.1)
}
.widget-help .widget__content h5,.widget-help .widget__content p {
color: #fff;
position: relative;
z-index: 1
}
.widget-help .widget__content h5 {
font-weight: 500;
font-size: 25px;
line-height: 34px;
margin-bottom: 27px
}
.widget-help .widget__content h4 {
color: #fff;
}
.widget-help .widget__content p {
font-size: 14px;
line-height: 24px;
margin-bottom: 34px
}
.widget-help .widget__content .btn {
width: 125px;
height: 40px;
line-height: 38px;
z-index: 1
}
.widget-help .widget__content .btn i {
margin-right: 8px
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.sidebar {
margin-right: 0
}
.widget {
padding: 20px;
margin-bottom: 30px
}
.widget-categories ul {
padding: 15px 20px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.widget {
padding: 25px
}
.widget .widget__title {
margin-bottom: 25px
}
.widget-categories ul {
padding: 20px 30px
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.widget {
padding: 15px
}
.widget .widget__title {
margin-bottom: 20px
}
.widget-categories ul {
padding: 15px 25px
}
}
.about .heading {
margin-bottom: 30px
}
.about .heading .heading__desc p {
margin-bottom: 26px
}
.about .heading .heading__desc p:last-of-type {
font-size: 16px;
line-height: 25px;
font-weight: 400
}
.about .signature {
margin-top: 6px
}
.about .about__img {
margin-left: 50px;
position: relative
}
.about .about__img img {
width: 0;
opacity: 0;
mix-blend-mode: multiply;
transition: all 1.8s ease;
transition-delay: 3s
}
.about .about__img:before {
content: "";
position: absolute;
bottom: -30px;
left: 20px;
width: 210px;
height: 150px;
opacity: 0;
transform: scale(0);
background-image: url("assets/images/mier/1.png");
background-repeat: no-repeat;
transition: all 1s ease 1.5s
}
.no .about__img:before {
content: "";
position: absolute;
bottom: -30px;
left: 20px;
width: 210px;
height: 150px;
opacity: 0;
transform: scale(0);
background-image: url("");
background-repeat: no-repeat;
transition: all 1s ease 1.5s
}
.animate-img.about__img:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
z-index: 1;
opacity: 0;
background: #37bce4;
animation-delay: .4s;
animation: slideOutBackground 1.7s ease
}
.animate-img.about__img:before {
opacity: 1;
transform: scale(1)
}
.animate-img.about__img img {
opacity: 1;
width: 100%;
transition-delay: 1s;
transition: opacity .1s,transform .75s;
animation: fadeInImage 1.5s ease
}
@keyframes slideOutBackground {
0% {
width: 0;
right: 100%
}
50% {
width: 100%;
right: 0;
opacity: 1
}
100% {
width: 0;
right: 0;
opacity: 1
}
}
@keyframes fadeInImage {
0% {
opacity: 0
}
55% {
opacity: 0
}
75% {
opacity: 1
}
}
.about-2 .about__img {
margin-left: 0;
margin-right: 50px
}
.about-2 .about__img:before {
bottom: -30px;
left: -30px
}
.about-2 .fancybox-item {
padding-top: 5px;
margin-bottom: 5px
}
.about-2 .fancybox-item .fancybox__icon {
font-size: 40px;
color: #222
}
.about-2 .fancybox-item .fancybox__title {
font-size: 18px;
font-weight: 700;
line-height: 1;
margin-bottom: 21px
}
.about-3 .fancybox-item .fancybox__icon {
color: #222
}
.about-4 .about__img {
margin-left: 50px;
margin-right: 0
}
.about-4 .about__img span {
position: absolute;
bottom: -25px;
left: 0;
font-size: 14px;
font-weight: 700;
color: #37bce4;
transition: all 1s ease;
transition-delay: 3s
}
.about-4 .about__img:before {
bottom: -30px;
right: -30px;
left: auto!important
}
@media only screen and (min-width:320px) and (max-width:767px) {
.about .about__img {
margin-left: 30px
}
.about .about__img:before {
left: 0
}
}
@media only screen and (max-width:450px) {
.about .about__img {
margin-left: 20px
}
.about .about__img:before {
bottom: -20px;
width: 150px;
height: 170px
}
}
.banner-1 .inner-padding {
padding: 104px 65px 115px
}
.banner-1 .fancybox-item {
margin-bottom: 50px
}
.banner-1 .fancybox-item .fancybox__desc,.banner-1 .fancybox-item .fancybox__icon i,.banner-1 .fancybox-item .fancybox__title,.banner-1 .fancybox-item:hover .fancybox__title {
color: #fff
}
@media only screen and (min-width:1400px) {
.banner-1 .inner-padding {
padding: 115px 120px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.banner-1 .fancybox-item {
margin-bottom: 30px
}
.banner-1 .video__btn {
height: 300px!important
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
.banner-1 .video__btn {
height: 200px!important
}
}
.careers .owl-carousel .owl-stage-outer {
margin: 0 -15px;
padding: 15px
}
.job-item {
background-color: #fff;
padding: 40px;
box-shadow: 0 0 15px 0 rgba(40,40,40,.15)
}
.job-item .job__meta {
display: flex;
align-items: center;
margin-bottom: 32px
}
.job-item .job__type {
font-size: 13px;
text-transform: capitalize;
background-color: #37bce4;
color: #fff;
padding: 3px 9px;
margin-right: 10px
}
.job-item .job__location {
font-size: 13px
}
.job-item .job__title {
font-size: 20px;
line-height: 28px;
font-weight: 600;
margin-bottom: 18px
}
@media only screen and (min-width:320px) and (max-width:767px) {
.job-item {
padding: 30px
}
.job-item .job__meta {
margin-bottom: 20px
}
.job-item .job__title {
margin-bottom: 10px
}
}
#map {
height: 620px
}
@media only screen and (min-width:768px) and (max-width:991px) {
#map {
height: 450px
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
#map {
height: 320px
}
}
@media only screen and (min-width:320px) and (max-width:575px) {
#map {
height: 250px
}
}
@media (min-width: 1400px) {.container-padding{padding-left:10%;padding-right:10%}}
@media (max-width: 1400px) {
.container-padding{padding-left:15px;padding-right:15px}
}
.bg-overlay .fancybox__content .fancybox__title{color: #FFFFFF}
.bg-overlay .fancybox__content .fancybox__desc{color: #FFFFFF}
.text-custom-black{text-transform:uppercase;}
.case-single-item p{font-size: 16px;}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position:relative;
display: block;
width: 100%;
}
.styled-pagination ul {
position:relative;
width: 100%;
text-align: center;
}
.styled-pagination ul li{
position:relative;
display: inline-block;
margin: 0 5px 8px;
}
.styled-pagination li a{
position:relative;
display: block;
height:40px;
width: 40px;
text-align: center;
line-height:36px;
font-weight:400;
font-size:12px;
background:#ffffff;
color:#bbbbbb;
border:2px solid #bbbbbb;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.styled-pagination .prev{width: 100px}
.styled-pagination .next{width: 100px}
.styled-pagination li a:hover,
.styled-pagination li.active a{
color:#37bce4;
border-color:#37bce4;
}
.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
width: auto;
padding: 0 20px;
}
.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover{
color: #00df6e;
border-color: #00df6e;
}
.price-tag{font-size:20px;color:#4A4A4A}
.onlineservice-fixed-style{position:fixed;z-index:99}
.onlineservice-fixed-style ul{background-color:#4957a5;fliter:alpha(opacity=30);background-color:rgba(11,127,198,0.3)}
.onlineservice-fixed-style .onlineservice-fixed-list a{color:#fff;line-height:30px;display:block;text-decoration:none}
.onlineservice-fixed-style .onlineservice-fixed-list a:hover{text-decoration:none}
/*.onlineservice-fixed-style ul li i{background-image:url(../images/s.png);background-repeat:no-repeat}*/
.onlineservice-fixed-style ul .onlineService_whatsApp i{background-image:url(assets/images/p.png);background-repeat:no-repeat}
.onlineservice-fixed-style ul .onlineService_t i{background-image:url(assets/images/tel.png);background-repeat:no-repeat}
.onlineservice-fixed-style ul .onlineService_e i{background-image:url(assets/images/email.png);background-repeat:no-repeat}
.onlineservice-fixed-style ul .onlineService_S i{background-image:url(assets/images/s.png);background-repeat:no-repeat}
.onlineservice-fixed-style ul .onlineService_w i{background-image:url(assets/images/w.png);background-repeat:no-repeat}
@media(min-width:769px){.onlineservice-fixed-style{right:0;top:30%}
.onlineservice-fixed-style ul{border-radius:10px 0 0 10px}
.sitewidget-onlineService.onlineservice-fixed-style ul li{line-height:28px;position:relative;white-space:nowrap;height:48px;width:54px}
.onlineservice-fixed-style ul li div{position:absolute;padding:12px 13px;top:0;right:0;border-radius:10px 0 0 10px;width:28px;transition:width .3s ease-in}
.onlineservice-fixed-style ul li div:hover{background-color:#4957a5;width:120px;fliter:alpha(opacity=60);background-color:rgba(11,127,198,0.6)}
.onlineservice-fixed-style ul li span{margin:0 10px 0 14px}
.onlineservice-fixed-style ul li i{display:inline-block;width:30px;height:30px}
.onlineservice-fixed-style-left{left:0;right:auto}
.onlineservice-fixed-style-left ul{border-radius:0 10px 10px 0}
.onlineservice-fixed-style-left ul li div{border-radius:0 10px 10px 0;left:0;right:auto}
.onlineservice-fixed-style-left .onlineservice-fixed-list a{text-align:right;position:relative}
.onlineservice-fixed-style-left ul li span{display:none}
.onlineservice-fixed-style-left ul li div:hover span{display:inline}
}
@media(max-width:768px){.onlineservice-fixed-style{bottom:0;width:100%;left:0}
.onlineservice-fixed-style ul{display:-webkit-box;display:-moz-box;display:box;width:100%;fliter:alpha(opacity=80);background-color:rgba(0,0,0,0.8)}
.onlineservice-fixed-style ul li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}
.onlineservice-fixed-style ul li a{line-height:28px;text-align:center}
.sitewidget-onlineService.onlineservice-fixed-style ul li span{line-height:20px;display:block;text-align:center}
.sitewidget-onlineService.onlineservice-fixed-style ul li i{display:block;width:30px;height:30px;margin:6px auto 2px}
}
/* /assets/widget/style/component/onlineService/widget_setting_showStyle/style6.css */
.backstage-stwidgets-settingwrap .sitewidget-onlineService.onlineservice-fixed-style{position:fixed;z-index:99}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list{background-color:transparent}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items{width:48px;height:48px;position:relative;margin:1px}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items:hover .onlineservice-fixed-blocks-tips{-webkit-transform:rotateX(0);transform:rotateX(0)}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items+.onlineservice-fixed-blocks-items{margin-top:5px}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a{display:block;width:100%;height:100%;text-align:center;border-radius:10%}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover{opacity:.8}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon{margin-top:10px}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .word{display:none}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .terminal{display:block;width:0;height:1px}
/*.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_t_icon i{background:url('/static/t-ooBpBKpKojwzxzbl/assets/images/fastPhone.png');background-position:center center}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_whatsApp_icon i{background-position:0 -139px}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_qr_icon i{background-position:0 -203px}*/
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{padding:5px 8px;background-color:#fff;border:1px solid #ccc;border-radius:4px;position:absolute;right:58px;top:6px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:all .4s;transition:all .4s}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after{content:"";display:inline-block;width:10px;height:10px;border:1px solid #ccc;border-color:transparent #ccc #ccc transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;right:-6px;top:10px;background-color:#fff}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li{width:auto;height:auto}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a{display:block;min-height:22px;text-align:center;line-height:22px;color:#666;font-size:14px}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img{max-width:240px}
.onlineservice-fixed-blocks.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{left:58px;right:auto}
.onlineservice-fixed-blocks.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after{right:auto;left:-6px;border-color:#ccc transparent transparent #ccc;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media(max-width:768px){.sitewidget-onlineService.onlineservice-fixed-blocks{position:fixed;width:100%;left:0 !important;bottom:0;height:56px;z-index:199}
.sitewidget-onlineService.onlineservice-fixed-blocks .sitewidget-bd{height:100%}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list{height:100%;display:-webkit-box;display:-moz-box;display:box;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;width:100%}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items{height:100%;margin:0;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;position:relative;border-left:1px solid #d3d3d3}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items+li.onlineservice-fixed-blocks-items{margin:0}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a{height:56px;box-sizing:border-box;display:block;line-height:26px;position:relative;text-align:center;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover{opacity:1}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon{margin-top:14px}
/*.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .word{background-image:none;margin:0;height:26px;line-height:26px;text-align:center;width:100%}*/
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{display:none;border-radius:0;transform:rotate(0);position:absolute;left:0;bottom:59px;right:auto;top:auto;width:auto;padding:0;border:1px solid #d3d3d3;-webkit-transition:all 0;transition:all 0}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after{display:none}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a{line-height:2em;height:auto;color:#fff;padding:0 5px}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img,.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a br{display:none}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qq{background-position:0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_skype{background-position:0 -180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_email{background-position:0 -120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_tel{background-position:0 -60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_sms{background-position:0 -240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qr{background-position:0 -240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_aliww{background-position:0 -240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_whatsApp{background-position:0 -240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:before{content:'';position:absolute;height:30px;width:30px;top:0;left:50%;margin-left:-15px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .sitewidget-onlineService-togglebtn i{height:4px;width:6px;background-position:right bottom;position:absolute;bottom:4px;right:4px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.onlineservice-fixed-blocks .sideShowArrow{display:none !important}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_q:before{background-position:0 0}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_q:hover:before{background-position:-30px -30px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_t_icon:before{background-position:0 -60px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_t_icon:hover:before{background-position:-30px -90px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_e:before{background-position:0 -120px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_e:hover:before{background-position:-30px -150px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_s:before{background-position:0 -180px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_s:hover:before{background-position:-30px -210px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_fb:before{background-position:0 -240px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_fb:hover:before{background-position:-30px -270px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_sms:before{background-position:0 -240px}
.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_sms:hover:before{background-position:-30px -270px}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul{position:absolute;min-width:100%;left:0;bottom:59px;border:1px solid #d3d3d3;background-color:rgba(220,220,220,0.75)}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul a{display:block;line-height:30px;padding-left:28px;padding-right:5px;white-space:nowrap}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul a:hover{color:#3b8ac2;background-color:#efefef}
.onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li:last-child ul{left:auto;right:0}
.sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items+li.onlineservice-fixed-blocks-items1{
display: none;
}
}
/*----- footer area end -----*/
.link2{ margin:0 auto; padding:0; max-width:1180px; height:80px; background:#fff; font-family:Arial; font-size:18px; color:#96bee6; text-align:left; text-decoration:none; line-height:18px; font-weight:normal; padding-top:30px; }
.link1{ margin:0; padding:0; max-width:1140px; height:80px; background:#fff; font-family:Arial; font-size:13px; color:#ccc; text-align:left; text-decoration:none; line-height:16px; font-weight:normal; float:right; }
.link1 ul{ background:#fff; font-family:Arial; font-size:13px; color:#ccc; text-align:left; text-decoration:none; line-height:16px; font-weight:normal;}
.link1 li{width:auto; height:20px; font-family:Arial; font-size:13px; color:#ccc; text-align:left; text-decoration:none; line-height:16px; font-weight:normal; float:left; padding-left:20px;}
.link1 li a{ font-family:Arial; font-size:13px; color:#ccc; text-align:left; text-decoration:none; line-height:16px; font-weight:normal;}
.link1 li a:hover{ color:#666;}
.wp-video{ width:100%; height: auto; max-width: 900px;}
.linkmain{ width:100%; margin-top:30px;
margin: 0 auto;
background: #fff;
}
.link{ margin:0 auto; padding:10px 0; width: 100%; height: auto;margin-top: 80px;}
.link .txt{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; font-size: 14px; text-align: left; color: #666; line-height: 30px;}
.link .txt span{font-size: 16px; padding-right: 15px;color: #000; font-weight: bold; text-align: left; line-height: 30px;}
.link .txt a{ font-size: 14px; text-align: left; color: #666; padding-right: 10px;}
.link .txt a:hover{ color: #0e64af; text-decoration: underline;}
.displaymobile{ display:none;}
.displaypc{ display:block;}
@media(max-width:768px){
.displaymobile{ display:block;}
.displaypc{ display:none;}
.footer-top .col-lg-4{width: 100%;}
}